@sproutsocial/racine 12.22.0 → 12.23.0

package/lib/Switch/index.js

@@ -1,24 +1,37 @@
+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); }
 var _excluded = ["checked", "disabled", "name", "a11yLabels", "onClick", "qa"];
 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); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+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); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+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); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+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); }; }
+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); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+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; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+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; }
 import * as React from 'react';
-import Container from './styles';
-import Icon from '../Icon';
-import { VisuallyHidden } from '../VisuallyHidden';
+import Container from "./styles";
+import Icon from "../Icon";
+import { VisuallyHidden } from "../VisuallyHidden";
 /**
  * Switch acts as a toggle, enabling users to turn a particular action on or off.
  */
 var Switch = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(Switch, _React$Component);
+  _inherits(Switch, _React$Component);
+  var _super = _createSuper(Switch);
   function Switch() {
     var _this;
+    _classCallCheck(this, Switch);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-    _this.handleClick = function (e) {
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "handleClick", function (e) {
       var _this$props = _this.props,
         checked = _this$props.checked,
         onClick = _this$props.onClick,
@@ -26,42 +39,44 @@ var Switch = /*#__PURE__*/function (_React$Component) {
       if (!disabled) {
         onClick(e, !checked);
       }
-    };
+    });
     return _this;
   }
-  var _proto = Switch.prototype;
-  _proto.render = function render() {
-    var _this$props2 = this.props,
-      checked = _this$props2.checked,
-      disabled = _this$props2.disabled,
-      name = _this$props2.name,
-      a11yLabels = _this$props2.a11yLabels,
-      onClick = _this$props2.onClick,
-      _this$props2$qa = _this$props2.qa,
-      qa = _this$props2$qa === void 0 ? {} : _this$props2$qa,
-      rest = _objectWithoutPropertiesLoose(_this$props2, _excluded);
-    return /*#__PURE__*/React.createElement(Container, _extends({
-      role: "button",
-      type: "button",
-      "aria-pressed": checked,
-      disabled: disabled,
-      onClick: this.handleClick,
-      "data-qa-switch": name || '',
-      "data-qa-switch-ischecked": checked === true,
-      "data-qa-switch-isdisabled": disabled === true,
-      checked: checked
-    }, qa, rest), /*#__PURE__*/React.createElement(VisuallyHidden, null, checked ? a11yLabels.on : a11yLabels.off), checked ? /*#__PURE__*/React.createElement(Icon, {
-      size: "mini",
-      name: "check"
-    }) : null);
-  };
+  _createClass(Switch, [{
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+        checked = _this$props2.checked,
+        disabled = _this$props2.disabled,
+        name = _this$props2.name,
+        a11yLabels = _this$props2.a11yLabels,
+        onClick = _this$props2.onClick,
+        _this$props2$qa = _this$props2.qa,
+        qa = _this$props2$qa === void 0 ? {} : _this$props2$qa,
+        rest = _objectWithoutProperties(_this$props2, _excluded);
+      return /*#__PURE__*/React.createElement(Container, _extends({
+        role: "button",
+        type: "button",
+        "aria-pressed": checked,
+        disabled: disabled,
+        onClick: this.handleClick,
+        "data-qa-switch": name || '',
+        "data-qa-switch-ischecked": checked === true,
+        "data-qa-switch-isdisabled": disabled === true,
+        checked: checked
+      }, qa, rest), /*#__PURE__*/React.createElement(VisuallyHidden, null, checked ? a11yLabels.on : a11yLabels.off), checked ? /*#__PURE__*/React.createElement(Icon, {
+        size: "mini",
+        name: "check"
+      }) : null);
+    }
+  }]);
   return Switch;
 }(React.Component);
-Switch.defaultProps = {
+_defineProperty(Switch, "defaultProps", {
   disabled: false,
   a11yLabels: {
     on: 'on',
     off: 'off'
   }
-};
+});
 export { Switch as default };

package/lib/Switch/styles.js

@@ -1,8 +1,8 @@
 
 import styled, { css } from 'styled-components';
-import { COMMON } from '../utils/system-props';
-import { focusRing } from '../utils/mixins';
-import Icon from '../Icon/styles';
+import { COMMON } from "../utils/system-props";
+import { focusRing } from "../utils/mixins";
+import Icon from "../Icon/styles";
 // eslint-disable-next-line flowtype/generic-spacing
 var Container = styled.button.withConfig({
   displayName: "styles__Container",
@@ -29,7 +29,7 @@ var Container = styled.button.withConfig({
   if (props.checked) {
     return css(["color:", ";text-align:left;border-color:", ";background-color:", ";&::after{background-color:", ";opacity:1;transform:translate(17px,-50%);}", "{position:absolute;top:50%;left:4px;transform:translate(0,-50%);color:", ";}"], props.theme.colors.text.body, props.theme.colors.form.border.selected, props.theme.colors.form.background.selected, props.theme.colors.icon.inverse, Icon, props.theme.colors.icon.inverse);
   } else {
-    return "\n        &:hover,\n        &:focus {\n          border-color: " + props.theme.colors.form.border.base + ";\n          background-color: " + props.theme.colors.form.background.base + ";\n        }\n        &:hover {\n          &::after {\n            transform: translate(6px, -50%);\n          }\n        }\n      ";
+    return "\n        &:hover,\n        &:focus {\n          border-color: ".concat(props.theme.colors.form.border.base, ";\n          background-color: ").concat(props.theme.colors.form.background.base, ";\n        }\n        &:hover {\n          &::after {\n            transform: translate(6px, -50%);\n          }\n        }\n      ");
   }
 }, function (props) {
   return props.disabled && css(["opacity:0.4;cursor:not-allowed;&[aria-pressed='true']{&:hover,&:focus{background-color:", ";}}"], function (props) {

package/lib/Table/index.js

@@ -2,16 +2,17 @@ var _excluded = ["head", "rows", "onSort", "sortId", "sortDirection", "rowRender
   _excluded2 = ["children"],
   _excluded3 = ["children"],
   _excluded4 = ["children"];
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 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); }
 import * as React from 'react';
-import TableCell from '../TableCell';
-import TableHeaderCell from '../TableHeaderCell';
-import Container from './styles';
+import TableCell from "../TableCell";
+import TableHeaderCell from "../TableHeaderCell";
+import Container from "./styles";
 var renderTableRow = function renderTableRow(row) {
   return /*#__PURE__*/React.createElement("tbody", {
     key: row.id,
-    "data-qa-table-row": ''
+    "data-qa-table-row": ""
   }, /*#__PURE__*/React.createElement("tr", null, row.cells.map(function (td) {
     return /*#__PURE__*/React.createElement(TableCell, _extends({}, td, {
       key: td.id
@@ -32,16 +33,16 @@ export var Table = function Table(_ref) {
     sortDirection = _ref.sortDirection,
     rowRender = _ref.rowRender,
     children = _ref.children,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   if (children) {
     return /*#__PURE__*/React.createElement(Container, _extends({}, rest, {
-      "data-qa-table": ''
+      "data-qa-table": ""
     }), children);
   }
   return /*#__PURE__*/React.createElement(Container, _extends({}, rest, {
-    "data-qa-table": ''
+    "data-qa-table": ""
   }), head.length > 0 && /*#__PURE__*/React.createElement("thead", {
-    "data-qa-table-header": ''
+    "data-qa-table-header": ""
   }, /*#__PURE__*/React.createElement("tr", null, head.map(function (th) {
     return /*#__PURE__*/React.createElement(TableHeaderCell, _extends({}, th, {
       key: th.id,
@@ -55,17 +56,17 @@ export var Table = function Table(_ref) {
 };
 export var TableHead = function TableHead(_ref2) {
   var children = _ref2.children,
-    props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
+    props = _objectWithoutProperties(_ref2, _excluded2);
   return /*#__PURE__*/React.createElement("thead", props, children);
 };
 export var TableBody = function TableBody(_ref3) {
   var children = _ref3.children,
-    props = _objectWithoutPropertiesLoose(_ref3, _excluded3);
+    props = _objectWithoutProperties(_ref3, _excluded3);
   return /*#__PURE__*/React.createElement("tbody", props, children);
 };
 export var TableRow = function TableRow(_ref4) {
   var children = _ref4.children,
-    props = _objectWithoutPropertiesLoose(_ref4, _excluded4);
+    props = _objectWithoutProperties(_ref4, _excluded4);
   return /*#__PURE__*/React.createElement("tr", props, children);
 };
 Table.TableHead = TableHead;

package/lib/Table/styles.js

@@ -1,6 +1,6 @@
 
 import styled from 'styled-components';
-import { COMMON } from '../utils/system-props';
+import { COMMON } from "../utils/system-props";
 var Container = styled.table.withConfig({
   displayName: "styles__Container",
   componentId: "sc-1t7lqra-0"

package/lib/TableCell/index.js

@@ -1,36 +1,50 @@
+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); }
 var _excluded = ["id", "content", "colSpan", "width", "align", "children"];
 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); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+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); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+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); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+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); }; }
+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); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+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; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 import * as React from 'react';
-import Container from './styles';
+import Container from "./styles";
 /**
  * The table cell component is for rendering table cells and is meant to be used with the table component.
  */
 var TableCell = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(TableCell, _React$Component);
+  _inherits(TableCell, _React$Component);
+  var _super = _createSuper(TableCell);
   function TableCell() {
-    return _React$Component.apply(this, arguments) || this;
+    _classCallCheck(this, TableCell);
+    return _super.apply(this, arguments);
   }
-  var _proto = TableCell.prototype;
-  _proto.render = function render() {
-    var _this$props = this.props,
-      id = _this$props.id,
-      content = _this$props.content,
-      colSpan = _this$props.colSpan,
-      width = _this$props.width,
-      align = _this$props.align,
-      children = _this$props.children,
-      rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
-    return /*#__PURE__*/React.createElement(Container, _extends({}, rest, {
-      alignment: align || 'left',
-      key: id,
-      colSpan: colSpan,
-      width: width,
-      "data-qa-table-cell": ''
-    }), children || content);
-  };
+  _createClass(TableCell, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        id = _this$props.id,
+        content = _this$props.content,
+        colSpan = _this$props.colSpan,
+        width = _this$props.width,
+        align = _this$props.align,
+        children = _this$props.children,
+        rest = _objectWithoutProperties(_this$props, _excluded);
+      return /*#__PURE__*/React.createElement(Container, _extends({}, rest, {
+        alignment: align || 'left',
+        key: id,
+        colSpan: colSpan,
+        width: width,
+        "data-qa-table-cell": ""
+      }), children || content);
+    }
+  }]);
   return TableCell;
 }(React.Component);
 export { TableCell as default };

package/lib/TableCell/styles.js

@@ -1,6 +1,6 @@
 
 import styled from 'styled-components';
-import { COMMON } from '../utils/system-props';
+import { COMMON } from "../utils/system-props";
 var Container = styled.td.withConfig({
   displayName: "styles__Container",
   componentId: "sc-1qz6p6y-0"

package/lib/TableHeaderCell/index.js

@@ -1,11 +1,22 @@
+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); }
 var _excluded = ["id", "content", "colSpan", "width", "align", "isSortable", "shouldTruncate", "onSort", "sortId", "sortDirection", "children", "onClick"];
 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); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+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); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+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); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+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); }; }
+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); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+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; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+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; }
 import * as React from 'react';
-import Container, { SortIcon } from './styles';
-import Icon from '../Icon/';
+import Container, { SortIcon } from "./styles";
+import Icon from "../Icon/";
 export var SORT_DIRECTIONS = {
   ASC: 'ASC',
   DESC: 'DESC'
@@ -14,14 +25,16 @@ export var SORT_DIRECTIONS = {
  * The table header cell component is for rendering table header cells and is meant to be used with the table component.
  */
 var TableHeaderCell = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(TableHeaderCell, _React$Component);
+  _inherits(TableHeaderCell, _React$Component);
+  var _super = _createSuper(TableHeaderCell);
   function TableHeaderCell() {
     var _this;
+    _classCallCheck(this, TableHeaderCell);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-    _this.getSortIcon = function (isSorted) {
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "getSortIcon", function (isSorted) {
       var sortDirection = _this.props.sortDirection;
       var iconName = 'chevron-up-down-filled';
       if (isSorted && sortDirection === SORT_DIRECTIONS.ASC) {
@@ -33,8 +46,8 @@ var TableHeaderCell = /*#__PURE__*/function (_React$Component) {
         size: "mini",
         name: iconName
       }));
-    };
-    _this.handleClick = function (e) {
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleClick", function (e) {
       var _this$props = _this.props,
         onClick = _this$props.onClick,
         onSort = _this$props.onSort,
@@ -46,37 +59,39 @@ var TableHeaderCell = /*#__PURE__*/function (_React$Component) {
       }
       if (!isSortable || !onSort) return;
       onSort(id);
-    };
+    });
     return _this;
   }
-  var _proto = TableHeaderCell.prototype;
-  _proto.render = function render() {
-    var _this$props2 = this.props,
-      id = _this$props2.id,
-      content = _this$props2.content,
-      colSpan = _this$props2.colSpan,
-      width = _this$props2.width,
-      align = _this$props2.align,
-      isSortable = _this$props2.isSortable,
-      shouldTruncate = _this$props2.shouldTruncate,
-      onSort = _this$props2.onSort,
-      sortId = _this$props2.sortId,
-      sortDirection = _this$props2.sortDirection,
-      children = _this$props2.children,
-      onClick = _this$props2.onClick,
-      rest = _objectWithoutPropertiesLoose(_this$props2, _excluded);
-    return /*#__PURE__*/React.createElement(Container, _extends({}, rest, {
-      key: id,
-      alignment: align || 'left',
-      sortable: isSortable,
-      colSpan: colSpan,
-      width: width,
-      onClick: this.handleClick,
-      "data-tableheadercell-sortable": isSortable,
-      "data-qa-table-header-cell": '',
-      "data-qa-table-header-cell-sortdirection": sortDirection
-    }), children || content, isSortable && !children && this.getSortIcon(id === sortId));
-  };
+  _createClass(TableHeaderCell, [{
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+        id = _this$props2.id,
+        content = _this$props2.content,
+        colSpan = _this$props2.colSpan,
+        width = _this$props2.width,
+        align = _this$props2.align,
+        isSortable = _this$props2.isSortable,
+        shouldTruncate = _this$props2.shouldTruncate,
+        onSort = _this$props2.onSort,
+        sortId = _this$props2.sortId,
+        sortDirection = _this$props2.sortDirection,
+        children = _this$props2.children,
+        onClick = _this$props2.onClick,
+        rest = _objectWithoutProperties(_this$props2, _excluded);
+      return /*#__PURE__*/React.createElement(Container, _extends({}, rest, {
+        key: id,
+        alignment: align || 'left',
+        sortable: isSortable,
+        colSpan: colSpan,
+        width: width,
+        onClick: this.handleClick,
+        "data-tableheadercell-sortable": isSortable,
+        "data-qa-table-header-cell": "",
+        "data-qa-table-header-cell-sortdirection": sortDirection
+      }), children || content, isSortable && !children && this.getSortIcon(id === sortId));
+    }
+  }]);
   return TableHeaderCell;
 }(React.Component);
 export { TableHeaderCell as default };

package/lib/TableHeaderCell/styles.js

@@ -1,6 +1,6 @@
 
 import styled, { css } from 'styled-components';
-import { COMMON } from '../utils/system-props';
+import { COMMON } from "../utils/system-props";
 var Container = styled.th.withConfig({
   displayName: "styles__Container",
   componentId: "sc-1cj640a-0"

package/lib/TableRowAccordion/index.js

@@ -1,24 +1,37 @@
+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); }
 var _excluded = ["id", "cells", "detail", "onToggle", "isExpanded"];
 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); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+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); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+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); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+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); }; }
+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); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+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; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+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; }
 import * as React from 'react';
-import Container, { Detail, Trigger } from './styles';
-import Icon from '../Icon';
-import TableCell from '../TableCell';
+import Container, { Detail, Trigger } from "./styles";
+import Icon from "../Icon";
+import TableCell from "../TableCell";
 /**
  * The table row accordion component allows for rendering a row of tabular data along with a addtional content to be rendered inside of an accordion drawer. This component is meant to be used with the table components rowRender mentod.
  */
 var TableRowAccordion = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(TableRowAccordion, _React$Component);
+  _inherits(TableRowAccordion, _React$Component);
+  var _super = _createSuper(TableRowAccordion);
   function TableRowAccordion() {
     var _this;
+    _classCallCheck(this, TableRowAccordion);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-    _this.handleToggle = function (e) {
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "handleToggle", function (e) {
       var _this$props = _this.props,
         onToggle = _this$props.onToggle,
         id = _this$props.id;
@@ -26,46 +39,48 @@ var TableRowAccordion = /*#__PURE__*/function (_React$Component) {
       if (onToggle) {
         onToggle(id);
       }
-    };
+    });
     return _this;
   }
-  var _proto = TableRowAccordion.prototype;
-  _proto.render = function render() {
-    var _this$props2 = this.props,
-      id = _this$props2.id,
-      cells = _this$props2.cells,
-      detail = _this$props2.detail,
-      onToggle = _this$props2.onToggle,
-      isExpanded = _this$props2.isExpanded,
-      rest = _objectWithoutPropertiesLoose(_this$props2, _excluded);
-    return /*#__PURE__*/React.createElement(Container, _extends({}, rest, {
-      "data-qa-table-row-accordion": isExpanded,
-      key: id
-    }), /*#__PURE__*/React.createElement("tr", {
-      "data-tablerowaccordion-summary": true,
-      onClick: this.handleToggle
-    }, cells.map(function (td) {
-      return /*#__PURE__*/React.createElement(TableCell, _extends({}, td, {
-        key: td.id
-      }));
-    }), /*#__PURE__*/React.createElement(TableCell, {
-      id: "tableRowAccordion_trigger",
-      content: /*#__PURE__*/React.createElement(Trigger, {
-        "data-tablerowaccordion-trigger": true,
-        onClick: this.handleToggle,
-        role: "button"
-      }, /*#__PURE__*/React.createElement(Icon, {
-        name: isExpanded ? 'chevron-up' : 'chevron-down'
-      }))
-    })), /*#__PURE__*/React.createElement(Detail, {
-      isExpanded: isExpanded,
-      "data-tablerowaccordion-detail": true
-    }, /*#__PURE__*/React.createElement(TableCell, {
-      id: "tableRowAccordion_detail",
-      colSpan: 100,
-      content: detail
-    })));
-  };
+  _createClass(TableRowAccordion, [{
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+        id = _this$props2.id,
+        cells = _this$props2.cells,
+        detail = _this$props2.detail,
+        onToggle = _this$props2.onToggle,
+        isExpanded = _this$props2.isExpanded,
+        rest = _objectWithoutProperties(_this$props2, _excluded);
+      return /*#__PURE__*/React.createElement(Container, _extends({}, rest, {
+        "data-qa-table-row-accordion": isExpanded,
+        key: id
+      }), /*#__PURE__*/React.createElement("tr", {
+        "data-tablerowaccordion-summary": true,
+        onClick: this.handleToggle
+      }, cells.map(function (td) {
+        return /*#__PURE__*/React.createElement(TableCell, _extends({}, td, {
+          key: td.id
+        }));
+      }), /*#__PURE__*/React.createElement(TableCell, {
+        id: "tableRowAccordion_trigger",
+        content: /*#__PURE__*/React.createElement(Trigger, {
+          "data-tablerowaccordion-trigger": true,
+          onClick: this.handleToggle,
+          role: "button"
+        }, /*#__PURE__*/React.createElement(Icon, {
+          name: isExpanded ? 'chevron-up' : 'chevron-down'
+        }))
+      })), /*#__PURE__*/React.createElement(Detail, {
+        isExpanded: isExpanded,
+        "data-tablerowaccordion-detail": true
+      }, /*#__PURE__*/React.createElement(TableCell, {
+        id: "tableRowAccordion_detail",
+        colSpan: 100,
+        content: detail
+      })));
+    }
+  }]);
   return TableRowAccordion;
 }(React.Component);
 export { TableRowAccordion as default };

package/lib/TableRowAccordion/styles.js

@@ -1,6 +1,6 @@
 
 import styled, { css } from 'styled-components';
-import { COMMON } from '../utils/system-props';
+import { COMMON } from "../utils/system-props";
 var Container = styled.tbody.withConfig({
   displayName: "styles__Container",
   componentId: "sc-17hu4uw-0"