@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.
Files changed (145) hide show
  1. package/.prettierrc +6 -6
  2. package/.whitesource +11 -11
  3. package/CHANGELOG.md +943 -913
  4. package/CONTRIBUTING.md +24 -0
  5. package/README.md +21 -21
  6. package/build/Autocomplete/Autocomplete.js +20 -16
  7. package/build/Autocomplete/Autocomplete.test.js +11 -11
  8. package/build/Avatar/Avatar.js +20 -16
  9. package/build/Avatar/Avatar.test.js +2 -2
  10. package/build/Avatar/AvatarContent/AvatarContent.js +5 -5
  11. package/build/Avatar/AvatarContent/AvatarContent.test.js +6 -6
  12. package/build/Avatar/index.js +4 -2
  13. package/build/Banner/Banner.js +6 -6
  14. package/build/Banner/Banner.test.js +2 -2
  15. package/build/Button/Button.js +26 -22
  16. package/build/Button/Button.test.js +13 -13
  17. package/build/Button/index.js +4 -2
  18. package/build/ButtonAlign/ButtonAlign.js +20 -16
  19. package/build/ButtonAlign/ButtonAlign.test.js +3 -3
  20. package/build/Card/Card.js +1 -1
  21. package/build/Card/Card.test.js +4 -4
  22. package/build/Card/index.js +4 -2
  23. package/build/Check/Check.js +18 -14
  24. package/build/Check/Check.test.js +7 -7
  25. package/build/Checkbox/Checkbox.js +18 -14
  26. package/build/Checkbox/Checkbox.test.js +8 -8
  27. package/build/Checkbox/index.js +4 -2
  28. package/build/Column/Column.js +1 -1
  29. package/build/Column/Column.test.js +3 -3
  30. package/build/Container/Container.js +1 -1
  31. package/build/Container/Container.test.js +4 -4
  32. package/build/Droplist/Droplist.js +33 -29
  33. package/build/Droplist/Droplist.test.js +11 -11
  34. package/build/Droplist/index.js +4 -2
  35. package/build/Flexbox/Flexbox.js +16 -12
  36. package/build/Flexbox/Flexbox.test.js +3 -3
  37. package/build/Flexbox/index.js +4 -2
  38. package/build/Footer/Footer.js +16 -16
  39. package/build/Footer/Footer.test.js +2 -2
  40. package/build/Footer/List/List.js +25 -21
  41. package/build/Grid/Col/Col.js +1 -1
  42. package/build/Grid/Col/Col.test.js +3 -3
  43. package/build/Grid/Col/index.js +4 -2
  44. package/build/Grid/Grid.js +18 -12
  45. package/build/Grid/Row/Row.js +1 -1
  46. package/build/Grid/Row/Row.test.js +2 -2
  47. package/build/Grid/Row/index.js +4 -2
  48. package/build/Grid/index.js +4 -2
  49. package/build/Header/Header.js +35 -31
  50. package/build/Header/Header.test.js +8 -8
  51. package/build/Header/Menu/Menu.js +23 -19
  52. package/build/Header/Menu/Menu.test.js +7 -7
  53. package/build/Header/Nav/Nav.js +19 -15
  54. package/build/Header/Nav/Nav.test.js +5 -5
  55. package/build/Hidden/Hidden.js +17 -13
  56. package/build/Hidden/Hidden.test.js +6 -6
  57. package/build/Hidden/index.js +4 -2
  58. package/build/Icon/Icon.js +16 -12
  59. package/build/Icon/Icon.test.js +3 -3
  60. package/build/Icon/index.js +4 -2
  61. package/build/Input/Input.js +29 -25
  62. package/build/Input/Input.test.js +21 -21
  63. package/build/Input/index.js +17 -13
  64. package/build/Label/Label.js +17 -13
  65. package/build/Label/Label.test.js +6 -6
  66. package/build/LayerApp/LayerApp.js +22 -18
  67. package/build/LayerApp/LayerApp.test.js +4 -4
  68. package/build/Modal/Modal.js +38 -33
  69. package/build/Modal/Modal.test.js +10 -10
  70. package/build/Modal/index.js +19 -13
  71. package/build/Modal/styles.js +11 -8
  72. package/build/NavAside/NavAside.js +22 -18
  73. package/build/NavAside/NavAside.test.js +12 -12
  74. package/build/NavAside/index.js +16 -12
  75. package/build/NavIcon/NavIcon.js +20 -16
  76. package/build/NavItem/NavItem.js +18 -14
  77. package/build/NavTab/NavTab.js +32 -28
  78. package/build/NavTop/NavTop.js +20 -16
  79. package/build/OrderBy/OrderBy.js +23 -19
  80. package/build/OrderBy/OrderBy.test.js +6 -6
  81. package/build/Pager/Break/Break.js +1 -1
  82. package/build/Pager/Break/Break.test.js +4 -4
  83. package/build/Pager/Page/Page.js +1 -1
  84. package/build/Pager/Page/Page.test.js +5 -5
  85. package/build/Pager/Pager.js +21 -17
  86. package/build/Pager/Pager.test.js +10 -10
  87. package/build/Pill/Choice/Choice.js +18 -14
  88. package/build/Pill/Group/Group.js +2 -2
  89. package/build/Pill/Pill.js +28 -22
  90. package/build/Pill/Pill.test.js +12 -12
  91. package/build/Pill/Stack/Stack.js +4 -4
  92. package/build/Placeholder/Placeholder.js +2 -2
  93. package/build/Placeholder/Placeholder.test.js +3 -3
  94. package/build/Radio/Radio.js +19 -15
  95. package/build/Radio/Radio.test.js +6 -6
  96. package/build/RangeCounter/RangeCounter.js +17 -13
  97. package/build/RangeCounter/RangeCounter.test.js +3 -3
  98. package/build/Row/Row.js +1 -1
  99. package/build/Row/Row.test.js +2 -2
  100. package/build/SightLogo/SightLogo.js +2 -2
  101. package/build/SightLogo/SightLogo.test.js +2 -2
  102. package/build/SlideDown/SlideDown.js +28 -22
  103. package/build/SlideDown/SlideDown.test.js +9 -9
  104. package/build/SlideToggle/SlideToggle.js +19 -15
  105. package/build/SlideToggle/SlideToggle.test.js +7 -7
  106. package/build/SubHeader/SubHeader.js +20 -16
  107. package/build/SubHeader/SubHeader.test.js +7 -7
  108. package/build/SwitchGroup/SwitchGroup.js +17 -13
  109. package/build/SwitchGroup/SwitchGroup.test.js +6 -6
  110. package/build/Tag/Tag.js +4 -4
  111. package/build/Tag/Tag.test.js +6 -6
  112. package/build/Text/Text.js +18 -12
  113. package/build/Text/Text.test.js +8 -8
  114. package/build/TextField/TextField.js +42 -38
  115. package/build/TextField/TextField.test.js +19 -19
  116. package/build/Tip/Tip.js +16 -12
  117. package/build/Tip/Tip.test.js +5 -5
  118. package/build/Title/Title.js +16 -12
  119. package/build/Title/Title.test.js +3 -3
  120. package/build/Toaster/Toast/Toast.js +11 -11
  121. package/build/Toaster/Toaster.js +27 -23
  122. package/build/Toaster/Toaster.test.js +6 -6
  123. package/build/TourTip/TourTip.js +15 -11
  124. package/build/TourTip/TourTip.test.js +2 -2
  125. package/build/Visible/Visible.js +16 -12
  126. package/build/Visible/Visible.test.js +4 -4
  127. package/build/WindowSize/WindowSize.js +17 -11
  128. package/build/WindowSize/WindowSize.test.js +4 -4
  129. package/build/subatomic/icons/occDart.js +7 -5
  130. package/build/subatomic/icons/occHorizontal.js +7 -5
  131. package/build/subatomic/icons/occVertical.js +7 -5
  132. package/build/subatomic/icons/{emoji.js → warning.js} +1 -1
  133. package/build/subatomic/icons/warningSolid.js +23 -0
  134. package/build/subatomic/icons.js +6 -9
  135. package/commitlint.config.js +6 -0
  136. package/package.json +122 -114
  137. package/playroom/FrameComponent.js +31 -22
  138. package/playroom/styles.js +14 -14
  139. package/playroom.config.js +7 -7
  140. package/.vscode/settings.json +0 -22
  141. package/build/Grid/Grid.test.js +0 -22
  142. package/build/Grid/Row/Rowdsd.js +0 -39
  143. package/build/hooks/useEventListener.js +0 -23
  144. package/build/hooks/usePrevious.js +0 -19
  145. 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
  };
@@ -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
  });
@@ -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 _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; return newObj; } }
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 _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); }
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 _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
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 _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
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 _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
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 _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); }
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 _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
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
- var Text =
35
- /*#__PURE__*/
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 _possibleConstructorReturn(this, _getPrototypeOf(Text).apply(this, arguments));
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
@@ -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 _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
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 _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
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 _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); }
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 _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
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 = _possibleConstructorReturn(this, _getPrototypeOf(TextField).call(this, props));
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: "warning",
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
  }