carbon-react 8.1.3 → 8.1.6

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 (170) hide show
  1. package/change_log/v8_1_4/position_date_picker.yml +1 -0
  2. package/change_log/v8_1_5/fix_path.yml +1 -0
  3. package/lib/__experimental__/components/input/input-presentation.component.js +35 -29
  4. package/lib/__experimental__/components/input/input.component.js +36 -28
  5. package/lib/__experimental__/components/input-decorator-bridge/input-decorator-bridge.component.js +45 -35
  6. package/lib/__experimental__/components/select/index.js +4 -4
  7. package/lib/__experimental__/components/select/option.component.js +6 -4
  8. package/lib/__experimental__/components/select/select-list.component.js +39 -35
  9. package/lib/__experimental__/components/select/select.component.js +45 -39
  10. package/lib/__experimental__/components/select-async/index.js +4 -4
  11. package/lib/__experimental__/components/select-async/select-async.component.js +53 -37
  12. package/lib/__experimental__/components/textbox/textbox.component.js +6 -4
  13. package/lib/__spec_helper__/index.js +1 -1
  14. package/lib/components/action-toolbar/action-toolbar.js +43 -37
  15. package/lib/components/alert/alert.js +35 -29
  16. package/lib/components/alert/alert.stories.js +4 -4
  17. package/lib/components/animated-menu-button/animated-menu-button.js +36 -32
  18. package/lib/components/animated-menu-button/animated-menu-button.stories.js +16 -24
  19. package/lib/components/app-wrapper/app-wrapper.js +29 -25
  20. package/lib/components/app-wrapper/app-wrapper.stories.js +1 -1
  21. package/lib/components/button/button.js +30 -26
  22. package/lib/components/button/button.stories.js +1 -1
  23. package/lib/components/button-toggle/button-toggle.js +52 -46
  24. package/lib/components/button-toggle/button-toggle.stories.js +23 -15
  25. package/lib/components/button-toggle-group/button-toggle-group.js +54 -48
  26. package/lib/components/button-toggle-group/button-toggle-group.stories.js +4 -4
  27. package/lib/components/carousel/carousel.js +48 -42
  28. package/lib/components/carousel/slide/slide.js +4 -4
  29. package/lib/components/checkbox/checkbox.js +68 -72
  30. package/lib/components/configurable-items/configurable-item-row/configurable-item-row.js +37 -33
  31. package/lib/components/configurable-items/configurable-items.js +38 -34
  32. package/lib/components/confirm/confirm.js +60 -54
  33. package/lib/components/content/content.js +31 -25
  34. package/lib/components/create/create.js +32 -24
  35. package/lib/components/date/date.js +216 -194
  36. package/lib/components/date/navbar/navbar.js +5 -5
  37. package/lib/components/date-range/date-range.js +97 -93
  38. package/lib/components/decimal/decimal.js +62 -56
  39. package/lib/components/detail/detail.js +51 -47
  40. package/lib/components/dialog/dialog.js +80 -72
  41. package/lib/components/dialog-full-screen/dialog-full-screen.js +53 -47
  42. package/lib/components/dialog-full-screen/full-screen-heading/full-screen-heading.js +9 -7
  43. package/lib/components/drag-and-drop/custom-drag-layer/custom-drag-layer.js +28 -24
  44. package/lib/components/drag-and-drop/drag-and-drop.js +6 -6
  45. package/lib/components/drag-and-drop/draggable-context/draggable-context.js +40 -37
  46. package/lib/components/drag-and-drop/with-drag/with-drag.js +26 -22
  47. package/lib/components/drag-and-drop/with-drop/with-drop.js +26 -20
  48. package/lib/components/dropdown/dropdown.js +146 -143
  49. package/lib/components/dropdown-filter/dropdown-filter.js +94 -88
  50. package/lib/components/dropdown-filter-ajax/dropdown-filter-ajax.js +54 -50
  51. package/lib/components/fieldset/fieldset.js +50 -42
  52. package/lib/components/filter/filter.js +43 -46
  53. package/lib/components/flash/flash.js +72 -64
  54. package/lib/components/form/cancel-button/cancel-button.js +11 -11
  55. package/lib/components/form/form-summary/form-summary.js +7 -7
  56. package/lib/components/form/form.js +68 -69
  57. package/lib/components/form/save-button/save-button.js +11 -11
  58. package/lib/components/grouped-character/grouped-character.js +49 -43
  59. package/lib/components/heading/heading.js +65 -59
  60. package/lib/components/help/help.js +46 -40
  61. package/lib/components/i18n/i18n.js +30 -22
  62. package/lib/components/icon/icon.js +55 -51
  63. package/lib/components/inline-inputs/inline-inputs.js +6 -6
  64. package/lib/components/link/link.js +45 -37
  65. package/lib/components/menu/menu-item/menu-item.js +55 -49
  66. package/lib/components/menu/menu.js +47 -41
  67. package/lib/components/menu/submenu-block/submenu-block.js +43 -37
  68. package/lib/components/menu-list/menu-list-item/menu-list-item.js +29 -25
  69. package/lib/components/menu-list/menu-list.js +49 -43
  70. package/lib/components/message/message.js +47 -41
  71. package/lib/components/modal/modal.js +77 -71
  72. package/lib/components/mount-in-app/mount-in-app.js +32 -26
  73. package/lib/components/multi-action-button/multi-action-button.js +52 -46
  74. package/lib/components/multi-step-wizard/multi-step-wizard.js +60 -54
  75. package/lib/components/multi-step-wizard/step/step.js +68 -69
  76. package/lib/components/navigation-bar/navigation-bar.js +44 -38
  77. package/lib/components/number/number.js +58 -52
  78. package/lib/components/pager/pager.js +75 -71
  79. package/lib/components/pages/page/page.js +6 -6
  80. package/lib/components/pages/pages.js +4 -4
  81. package/lib/components/pill/pill.js +33 -27
  82. package/lib/components/pod/pod.js +84 -80
  83. package/lib/components/portal/portal.js +34 -26
  84. package/lib/components/portrait/portrait.js +52 -48
  85. package/lib/components/preview/preview.js +4 -4
  86. package/lib/components/profile/profile.js +51 -45
  87. package/lib/components/radio-button/radio-button.js +51 -45
  88. package/lib/components/rainbow/rainbow.js +44 -38
  89. package/lib/components/row/column/column.js +1 -1
  90. package/lib/components/row/row.js +47 -41
  91. package/lib/components/scrollable-list/as-scrollable-list-item.wrapper.js +8 -8
  92. package/lib/components/scrollable-list/scrollable-list-item.component.js +27 -35
  93. package/lib/components/scrollable-list/scrollable-list.component.js +53 -37
  94. package/lib/components/scrollable-list/scrollable-list.style.js +5 -13
  95. package/lib/components/scrollable-list/test-utils.js +38 -28
  96. package/lib/components/settings-row/settings-row.js +49 -43
  97. package/lib/components/show-edit-pod/show-edit-pod.js +67 -63
  98. package/lib/components/sidebar/sidebar-header/sidebar-header.js +43 -37
  99. package/lib/components/sidebar/sidebar.js +54 -48
  100. package/lib/components/simple-color-picker/color-option/color-option.js +47 -41
  101. package/lib/components/simple-color-picker/simple-color-picker.js +53 -47
  102. package/lib/components/spinner/spinner.js +43 -37
  103. package/lib/components/split-button/split-button.js +69 -69
  104. package/lib/components/step-sequence/step-sequence-item/step-sequence-item.js +15 -13
  105. package/lib/components/step-sequence/step-sequence.js +4 -4
  106. package/lib/components/switch/switch.js +23 -21
  107. package/lib/components/table/draggable-table-cell/draggable-table-cell.js +4 -4
  108. package/lib/components/table/table-cell/table-cell.js +45 -39
  109. package/lib/components/table/table-header/table-header.js +107 -110
  110. package/lib/components/table/table-row/table-row.js +62 -58
  111. package/lib/components/table/table-subheader/table-subheader.js +32 -26
  112. package/lib/components/table/table.js +166 -169
  113. package/lib/components/table-ajax/table-ajax.js +67 -70
  114. package/lib/components/tabs/tab/tab.js +48 -44
  115. package/lib/components/tabs/tabs.js +73 -67
  116. package/lib/components/textarea/textarea.js +52 -49
  117. package/lib/components/textbox/textbox.js +49 -43
  118. package/lib/components/toast/toast.js +56 -50
  119. package/lib/components/tooltip/tooltip.js +47 -41
  120. package/lib/patterns/configurable-items/configurable-items-content/configurable-items-content.js +35 -29
  121. package/lib/patterns/configurable-items/configurable-items.js +55 -51
  122. package/lib/patterns/configurable-items/store/store.js +35 -27
  123. package/lib/style/index.js +1 -1
  124. package/lib/style/palette/index.js +4 -2
  125. package/lib/style/themes/base/index.js +7 -7
  126. package/lib/style/themes/test-utils.js +19 -21
  127. package/lib/style/utils/add-hex-symbols.js +4 -2
  128. package/lib/style/utils/at-opacity.js +10 -8
  129. package/lib/style/utils/merge-deep.js +15 -15
  130. package/lib/style/utils/mix.js +32 -20
  131. package/lib/utils/decorators/input/input.js +46 -42
  132. package/lib/utils/decorators/input-icon/input-icon.js +37 -33
  133. package/lib/utils/decorators/input-label/input-label.js +37 -31
  134. package/lib/utils/decorators/input-validation/input-validation.js +40 -36
  135. package/lib/utils/decorators/should-component-update/should-component-update.js +29 -23
  136. package/lib/utils/decorators/tooltip-decorator/tooltip-decorator.js +38 -34
  137. package/lib/utils/ether/ether.js +16 -14
  138. package/lib/utils/filter-children/filter-children.util.js +10 -8
  139. package/lib/utils/handlers/base-registry/base-registry.js +12 -13
  140. package/lib/utils/helpers/browser/browser.js +15 -13
  141. package/lib/utils/helpers/date/date.js +4 -2
  142. package/lib/utils/helpers/element-resize/element-resize.js +6 -4
  143. package/lib/utils/helpers/events/events.js +2 -2
  144. package/lib/utils/helpers/guid/guid.js +6 -6
  145. package/lib/utils/helpers/i18n/i18n.js +11 -9
  146. package/lib/utils/helpers/immutable/immutable.js +13 -13
  147. package/lib/utils/helpers/options-helper/options-helper.js +2 -1
  148. package/lib/utils/helpers/prop-types/prop-types.js +2 -2
  149. package/lib/utils/helpers/scrollable-parent/scrollable-parent.js +2 -0
  150. package/lib/utils/helpers/serialize/serialize.js +12 -12
  151. package/lib/utils/helpers/tags/tags-specs/tags-specs.js +6 -4
  152. package/lib/utils/helpers/to-array/to-array.js +8 -6
  153. package/lib/utils/router/router.js +2 -2
  154. package/lib/utils/service/service.js +34 -34
  155. package/lib/utils/validations/blank/blank.js +6 -2
  156. package/lib/utils/validations/date/date.js +6 -2
  157. package/lib/utils/validations/date-range/date-range.js +6 -2
  158. package/lib/utils/validations/date-within-range/date-within-range.js +6 -2
  159. package/lib/utils/validations/email/email.js +6 -2
  160. package/lib/utils/validations/exclusion/exclusion.js +6 -2
  161. package/lib/utils/validations/inclusion/inclusion.js +6 -2
  162. package/lib/utils/validations/length/length.js +6 -2
  163. package/lib/utils/validations/numeral/numeral-type/numeral-type.js +8 -2
  164. package/lib/utils/validations/numeral/numeral.js +6 -2
  165. package/lib/utils/validations/presence/presence.js +12 -4
  166. package/lib/utils/validations/regex/regex.js +8 -2
  167. package/lib/utils/validations/validator/validator.js +14 -14
  168. package/package.json +13 -13
  169. package/release_notes/v8_1_4.html.md +5 -0
  170. package/release_notes/v8_1_5.html.md +5 -0
@@ -1,30 +1,32 @@
1
1
  "use strict";
2
2
 
3
- require("core-js/modules/es.symbol");
3
+ require("core-js/modules/es.object.get-prototype-of.js");
4
4
 
5
- require("core-js/modules/es.symbol.description");
5
+ require("core-js/modules/es.object.to-string.js");
6
6
 
7
- require("core-js/modules/es.symbol.iterator");
7
+ require("core-js/modules/es.reflect.construct.js");
8
8
 
9
- require("core-js/modules/es.array.concat");
9
+ require("core-js/modules/es.symbol.iterator.js");
10
10
 
11
- require("core-js/modules/es.array.iterator");
11
+ require("core-js/modules/es.array.iterator.js");
12
12
 
13
- require("core-js/modules/es.object.assign");
13
+ require("core-js/modules/es.string.iterator.js");
14
14
 
15
- require("core-js/modules/es.object.get-prototype-of");
16
-
17
- require("core-js/modules/es.object.to-string");
18
-
19
- require("core-js/modules/es.string.iterator");
20
-
21
- require("core-js/modules/web.dom-collections.iterator");
15
+ require("core-js/modules/web.dom-collections.iterator.js");
22
16
 
23
17
  Object.defineProperty(exports, "__esModule", {
24
18
  value: true
25
19
  });
26
20
  exports.default = void 0;
27
21
 
22
+ require("core-js/modules/es.array.concat.js");
23
+
24
+ require("core-js/modules/es.symbol.js");
25
+
26
+ require("core-js/modules/es.symbol.description.js");
27
+
28
+ require("core-js/modules/es.object.assign.js");
29
+
28
30
  var _react = _interopRequireDefault(require("react"));
29
31
 
30
32
  var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -47,25 +49,29 @@ require("./pod.scss");
47
49
 
48
50
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
49
51
 
50
- 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); }
52
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
51
53
 
52
- 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); }
54
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
53
55
 
54
56
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
55
57
 
56
58
  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); } }
57
59
 
58
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
60
+ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
61
+
62
+ 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 } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
63
+
64
+ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
59
65
 
60
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
66
+ 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); }; }
61
67
 
62
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
68
+ 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); }
63
69
 
64
70
  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
65
71
 
66
- 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); }
72
+ 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; } }
67
73
 
68
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
74
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
69
75
 
70
76
  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
71
77
 
@@ -87,14 +93,12 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
87
93
  * @class Pod
88
94
  * @constructor
89
95
  */
90
- var Pod =
91
- /*#__PURE__*/
92
- function (_React$Component) {
96
+ var Pod = /*#__PURE__*/function (_React$Component) {
93
97
  _inherits(Pod, _React$Component);
94
98
 
95
- function Pod() {
96
- var _getPrototypeOf2;
99
+ var _super = _createSuper(Pod);
97
100
 
101
+ function Pod() {
98
102
  var _this;
99
103
 
100
104
  _classCallCheck(this, Pod);
@@ -103,7 +107,7 @@ function (_React$Component) {
103
107
  args[_key] = arguments[_key];
104
108
  }
105
109
 
106
- _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Pod)).call.apply(_getPrototypeOf2, [this].concat(args)));
110
+ _this = _super.call.apply(_super, [this].concat(args));
107
111
 
108
112
  _defineProperty(_assertThisInitialized(_this), "toggleCollapse", function () {
109
113
  _this.setState(function (prevState) {
@@ -146,7 +150,14 @@ function (_React$Component) {
146
150
 
147
151
  _createClass(Pod, [{
148
152
  key: "componentWillMount",
149
- value: function componentWillMount() {
153
+ value:
154
+ /**
155
+ * A lifecycle called immediatly before initial render
156
+ * Sets the initial state of collasped
157
+ *
158
+ * @method componentWillMount
159
+ */
160
+ function componentWillMount() {
150
161
  this.setState({
151
162
  collapsed: this.props.collapsed
152
163
  });
@@ -174,41 +185,6 @@ function (_React$Component) {
174
185
  * @method podHeader
175
186
  */
176
187
 
177
- }, {
178
- key: "render",
179
-
180
- /**
181
- * Renders the component.
182
- *
183
- * @method render
184
- * @return {Object} JSX
185
- */
186
- value: function render() {
187
- var content,
188
- hoverOverEditEvents = {};
189
-
190
- var _validProps = (0, _ether.validProps)(this),
191
- props = Object.assign({}, _validProps);
192
-
193
- delete props.className;
194
-
195
- if (!this.state.collapsed) {
196
- content = this.podContent;
197
- }
198
-
199
- if (this.shouldContentHaveEditProps) {
200
- hoverOverEditEvents = this.hoverOverEditEvents;
201
- hoverOverEditEvents.tabIndex = '0';
202
- }
203
-
204
- return _react.default.createElement("div", _extends({
205
- className: this.mainClasses
206
- }, props, (0, _tags.default)('pod', this.props)), _react.default.createElement("div", _extends({
207
- className: this.blockClasses
208
- }, hoverOverEditEvents), _react.default.createElement("div", {
209
- className: this.contentClasses
210
- }, this.podHeader, content), this.footer), this.edit);
211
- }
212
188
  }, {
213
189
  key: "podHeader",
214
190
  get: function get() {
@@ -227,13 +203,13 @@ function (_React$Component) {
227
203
  headerProps.className = this.headerClasses;
228
204
 
229
205
  if (this.props.subtitle) {
230
- subtitle = _react.default.createElement("h5", {
206
+ subtitle = /*#__PURE__*/_react.default.createElement("h5", {
231
207
  className: "carbon-pod__subtitle",
232
208
  "data-element": "subtitle"
233
209
  }, this.props.subtitle);
234
210
  }
235
211
 
236
- return _react.default.createElement("div", headerProps, _react.default.createElement("h4", {
212
+ return /*#__PURE__*/_react.default.createElement("div", headerProps, /*#__PURE__*/_react.default.createElement("h4", {
237
213
  className: "carbon-pod__title",
238
214
  "data-element": "title"
239
215
  }, this.props.title), subtitle, pod);
@@ -248,7 +224,7 @@ function (_React$Component) {
248
224
  key: "podDescription",
249
225
  get: function get() {
250
226
  if (this.props.description) {
251
- return _react.default.createElement("div", {
227
+ return /*#__PURE__*/_react.default.createElement("div", {
252
228
  className: "carbon-pod__description"
253
229
  }, this.props.description);
254
230
  }
@@ -265,7 +241,7 @@ function (_React$Component) {
265
241
  key: "podCollapsible",
266
242
  get: function get() {
267
243
  var className = "carbon-pod__arrow carbon-pod__arrow--".concat(this.state.collapsed);
268
- return _react.default.createElement(_icon.default, {
244
+ return /*#__PURE__*/_react.default.createElement(_icon.default, {
269
245
  type: "dropdown",
270
246
  className: className
271
247
  });
@@ -279,9 +255,9 @@ function (_React$Component) {
279
255
  }, {
280
256
  key: "podContent",
281
257
  get: function get() {
282
- return _react.default.createElement("div", {
258
+ return /*#__PURE__*/_react.default.createElement("div", {
283
259
  className: "carbon-pod__collapsible-content"
284
- }, this.podDescription, _react.default.createElement("div", {
260
+ }, this.podDescription, /*#__PURE__*/_react.default.createElement("div", {
285
261
  className: "carbon-pod__content"
286
262
  }, this.props.children));
287
263
  }
@@ -387,7 +363,7 @@ function (_React$Component) {
387
363
  return null;
388
364
  }
389
365
 
390
- return _react.default.createElement("div", {
366
+ return /*#__PURE__*/_react.default.createElement("div", {
391
367
  className: this.footerClasses,
392
368
  "data-element": "footer"
393
369
  }, this.props.footer);
@@ -406,9 +382,9 @@ function (_React$Component) {
406
382
  return null;
407
383
  }
408
384
 
409
- return _react.default.createElement("div", _extends({
385
+ return /*#__PURE__*/_react.default.createElement("div", _extends({
410
386
  className: "carbon-pod__edit-button-container"
411
- }, this.hoverOverEditEvents), _react.default.createElement(_link.default, _extends({
387
+ }, this.hoverOverEditEvents), /*#__PURE__*/_react.default.createElement(_link.default, _extends({
412
388
  icon: "edit",
413
389
  className: this.editActionClasses
414
390
  }, this.linkProps()), _i18nJs.default.t('actions.edit', {
@@ -424,14 +400,14 @@ function (_React$Component) {
424
400
 
425
401
  }, {
426
402
  key: "hoverOverEditEvents",
427
-
403
+ get:
428
404
  /**
429
405
  * Returns event related props for triggering and highlighting edit functionality
430
406
  *
431
407
  * @method hoverOverEditEvents
432
408
  * @return {Object}
433
409
  */
434
- get: function get() {
410
+ function get() {
435
411
  var props = {
436
412
  onMouseEnter: this.toggleHoverState.bind(this, true),
437
413
  onMouseLeave: this.toggleHoverState.bind(this, false),
@@ -465,6 +441,41 @@ function (_React$Component) {
465
441
  * @param {Object} the event
466
442
  */
467
443
 
444
+ }, {
445
+ key: "render",
446
+ value:
447
+ /**
448
+ * Renders the component.
449
+ *
450
+ * @method render
451
+ * @return {Object} JSX
452
+ */
453
+ function render() {
454
+ var content,
455
+ hoverOverEditEvents = {};
456
+
457
+ var _validProps = (0, _ether.validProps)(this),
458
+ props = Object.assign({}, _validProps);
459
+
460
+ delete props.className;
461
+
462
+ if (!this.state.collapsed) {
463
+ content = this.podContent;
464
+ }
465
+
466
+ if (this.shouldContentHaveEditProps) {
467
+ hoverOverEditEvents = this.hoverOverEditEvents;
468
+ hoverOverEditEvents.tabIndex = '0';
469
+ }
470
+
471
+ return /*#__PURE__*/_react.default.createElement("div", _extends({
472
+ className: this.mainClasses
473
+ }, props, (0, _tags.default)('pod', this.props)), /*#__PURE__*/_react.default.createElement("div", _extends({
474
+ className: this.blockClasses
475
+ }, hoverOverEditEvents), /*#__PURE__*/_react.default.createElement("div", {
476
+ className: this.contentClasses
477
+ }, this.podHeader, content), this.footer), this.edit);
478
+ }
468
479
  }]);
469
480
 
470
481
  return Pod;
@@ -618,13 +629,6 @@ _defineProperty(Pod, "defaultProps", {
618
629
  as: 'primary',
619
630
  padding: 'medium',
620
631
  alignTitle: 'left'
621
- /**
622
- * A lifecycle called immediatly before initial render
623
- * Sets the initial state of collasped
624
- *
625
- * @method componentWillMount
626
- */
627
-
628
632
  });
629
633
 
630
634
  var _default = Pod;
@@ -1,30 +1,36 @@
1
1
  "use strict";
2
2
 
3
- require("core-js/modules/es.symbol");
3
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
4
 
5
- require("core-js/modules/es.symbol.description");
5
+ require("core-js/modules/es.object.get-prototype-of.js");
6
6
 
7
- require("core-js/modules/es.symbol.iterator");
7
+ require("core-js/modules/es.object.to-string.js");
8
8
 
9
- require("core-js/modules/es.array.concat");
9
+ require("core-js/modules/es.reflect.construct.js");
10
10
 
11
- require("core-js/modules/es.array.iterator");
11
+ require("core-js/modules/es.array.iterator.js");
12
12
 
13
- require("core-js/modules/es.object.get-own-property-descriptor");
13
+ require("core-js/modules/es.string.iterator.js");
14
14
 
15
- require("core-js/modules/es.object.get-prototype-of");
15
+ require("core-js/modules/es.weak-map.js");
16
16
 
17
- require("core-js/modules/es.object.to-string");
17
+ require("core-js/modules/web.dom-collections.iterator.js");
18
18
 
19
- require("core-js/modules/es.string.iterator");
19
+ require("core-js/modules/es.object.get-own-property-descriptor.js");
20
20
 
21
- require("core-js/modules/web.dom-collections.iterator");
21
+ require("core-js/modules/es.symbol.js");
22
+
23
+ require("core-js/modules/es.symbol.description.js");
24
+
25
+ require("core-js/modules/es.symbol.iterator.js");
22
26
 
23
27
  Object.defineProperty(exports, "__esModule", {
24
28
  value: true
25
29
  });
26
30
  exports.default = void 0;
27
31
 
32
+ require("core-js/modules/es.array.concat.js");
33
+
28
34
  var _react = _interopRequireDefault(require("react"));
29
35
 
30
36
  var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -39,38 +45,40 @@ var _scrollableParent = _interopRequireDefault(require("../../utils/helpers/scro
39
45
 
40
46
  require("./portal.scss");
41
47
 
42
- 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; } }
48
+ 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); }
43
49
 
44
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
50
+ 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; }
45
51
 
46
- 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); }
52
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
47
53
 
48
54
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
49
55
 
50
56
  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); } }
51
57
 
52
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
58
+ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
53
59
 
54
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
60
+ 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 } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
55
61
 
56
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
62
+ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
57
63
 
58
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
64
+ 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); }; }
59
65
 
60
- 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); }
66
+ 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); }
61
67
 
62
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
68
+ function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
69
+
70
+ 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; } }
71
+
72
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
63
73
 
64
74
  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
65
75
 
66
- var Portal =
67
- /*#__PURE__*/
68
- function (_React$Component) {
76
+ var Portal = /*#__PURE__*/function (_React$Component) {
69
77
  _inherits(Portal, _React$Component);
70
78
 
71
- function Portal() {
72
- var _getPrototypeOf2;
79
+ var _super = _createSuper(Portal);
73
80
 
81
+ function Portal() {
74
82
  var _this;
75
83
 
76
84
  _classCallCheck(this, Portal);
@@ -79,7 +87,7 @@ function (_React$Component) {
79
87
  args[_key] = arguments[_key];
80
88
  }
81
89
 
82
- _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Portal)).call.apply(_getPrototypeOf2, [this].concat(args)));
90
+ _this = _super.call.apply(_super, [this].concat(args));
83
91
  _this.guid = (0, _guid.default)();
84
92
  return _this;
85
93
  }
@@ -137,7 +145,7 @@ function (_React$Component) {
137
145
  return null;
138
146
  }
139
147
 
140
- return _react.default.createElement("span", {
148
+ return /*#__PURE__*/_react.default.createElement("span", {
141
149
  "data-portal-entrance": this.guid
142
150
  }, (0, _reactDom.createPortal)(this.props.children, this.getPortalDiv()));
143
151
  }