@sproutsocial/racine 22.5.1 → 23.1.0

package/commonjs/Select/Select.js

@@ -7,12 +7,14 @@ exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _Icon = _interopRequireDefault(require("../Icon"));
 var _styles = _interopRequireWildcard(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["id", "name", "children", "defaultValue", "value", "required", "isInvalid", "onChange", "autoFocus", "disabled", "ariaLabel", "ariaDescribedby", "size", "qa", "inputProps"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -67,33 +69,38 @@ var Select = exports.default = /*#__PURE__*/function (_React$Component) {
         _this$props$inputProp = _this$props.inputProps,
         inputProps = _this$props$inputProp === void 0 ? {} : _this$props$inputProp,
         rest = _objectWithoutProperties(_this$props, _excluded);
-      return /*#__PURE__*/React.createElement(_styles.default, _extends({
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.default, _objectSpread(_objectSpread({
         invalid: isInvalid,
         disabled: disabled,
         size: size
-      }, rest), /*#__PURE__*/React.createElement("select", _extends({
-        id: id,
-        name: name,
-        "aria-label": ariaLabel,
-        "aria-describedby": ariaDescribedby,
-        defaultValue: defaultValue,
-        value: value,
-        required: required,
-        autoFocus: autoFocus,
-        disabled: disabled,
-        onChange: this.handleChange,
-        "data-qa-select": name || "",
-        "data-qa-select-value": value || "unselected",
-        "data-qa-select-isrequired": required === true,
-        "data-qa-select-isdisabled": disabled === true
-      }, qa, inputProps), children), /*#__PURE__*/React.createElement(_styles.Arrow, {
-        size: size
-      }, /*#__PURE__*/React.createElement(_Icon.default, {
-        name: "chevron-down-outline",
-        fixedWidth: true,
-        size: this.props.size === "small" ? "small" : "medium",
-        "aria-hidden": true
-      })));
+      }, rest), {}, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("select", _objectSpread(_objectSpread(_objectSpread({
+          id: id,
+          name: name,
+          "aria-label": ariaLabel,
+          "aria-describedby": ariaDescribedby,
+          defaultValue: defaultValue,
+          value: value,
+          required: required,
+          autoFocus: autoFocus,
+          disabled: disabled,
+          onChange: this.handleChange,
+          "data-qa-select": name || "",
+          "data-qa-select-value": value || "unselected",
+          "data-qa-select-isrequired": required === true,
+          "data-qa-select-isdisabled": disabled === true
+        }, qa), inputProps), {}, {
+          children: children
+        })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Arrow, {
+          size: size,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            name: "chevron-down-outline",
+            fixedWidth: true,
+            size: this.props.size === "small" ? "small" : "medium",
+            "aria-hidden": true
+          })
+        })]
+      }));
     }
   }]);
   return Select;

package/commonjs/SpotIllustration/SpotIllustration.js

@@ -1,5 +1,6 @@
 "use strict";
 
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -7,9 +8,14 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _seedsIllustrations = require("@sproutsocial/seeds-illustrations");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["name", "customFill", "height", "width"]; // eslint-disable-next-line no-restricted-syntax
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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; }
 var StyledSVG = _styledComponents.default.svg.withConfig({
@@ -30,16 +36,18 @@ var SpotIllustration = function SpotIllustration(_ref) {
   var viewBoxCoordinates = (viewBox === null || viewBox === void 0 ? void 0 : viewBox.split(" ")) || [];
   var defaultWidth = viewBoxCoordinates[2];
   var defaultHeight = viewBoxCoordinates[3];
-  return /*#__PURE__*/_react.default.createElement(StyledSVG, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledSVG, _objectSpread(_objectSpread({
     role: "img",
     width: width ? width : defaultWidth,
     height: height ? height : defaultHeight,
     viewBox: viewBox,
     focusable: false,
     customFill: customFill
-  }, svgProps), /*#__PURE__*/_react.default.createElement("use", {
-    xmlnsXlink: "http://www.w3.org/1999/xlink",
-    xlinkHref: "#seeds-svgs_".concat(name)
+  }, svgProps), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("use", {
+      xmlnsXlink: "http://www.w3.org/1999/xlink",
+      xlinkHref: "#seeds-svgs_".concat(name)
+    })
   }));
 };
 var _default = exports.default = SpotIllustration;

package/commonjs/Stack/Stack.js

@@ -9,11 +9,16 @@ var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _responsiveProps = require("../utils/responsiveProps");
 var _Box = _interopRequireDefault(require("../Box"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["children", "space", "align", "direction"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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; }
 var stackStyles = {
@@ -97,14 +102,16 @@ var Stack = function Stack(_ref) {
     // styled system can pass numbers that map to theme values and TS doesn't like it
     childMarginProps[opposite][i] = 0;
   });
-  return /*#__PURE__*/React.createElement(_Box.default, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, _objectSpread(_objectSpread(_objectSpread({
     display: "flex"
-  }, styleProps, rest), stackItems.map(function (item, i) {
-    return /*#__PURE__*/React.createElement(_Box.default, _extends({
-      flexBasis: childFlexBasis
-    }, i !== 0 ? childMarginProps : {}, {
-      key: i
-    }), item);
+  }, styleProps), rest), {}, {
+    children: stackItems.map(function (item, i) {
+      return /*#__PURE__*/(0, _react.createElement)(_Box.default, _objectSpread(_objectSpread({
+        flexBasis: childFlexBasis
+      }, i !== 0 ? childMarginProps : {}), {}, {
+        key: i
+      }), item);
+    })
   }));
 };
 var _default = exports.default = Stack;

package/commonjs/Switch/Switch.js

@@ -8,11 +8,16 @@ exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _Icon = _interopRequireDefault(require("../Icon"));
 var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["onClick", "loading", "checked", "disabled"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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; }
 /**
@@ -41,17 +46,19 @@ var Switch = function Switch(_ref) {
       onClick(e, !checked);
     }
   };
-  return /*#__PURE__*/React.createElement(_styles.StyledSwitchButton, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledSwitchButton, _objectSpread(_objectSpread({
     type: "button",
     role: "switch",
     "aria-checked": checked,
     disabled: disabled,
     onClick: handleClick,
     className: loading ? "loading" : ""
-  }, rest), checked ? /*#__PURE__*/React.createElement(_Icon.default, {
-    "aria-hidden": true,
-    size: "mini",
-    name: "check-solid"
-  }) : null);
+  }, rest), {}, {
+    children: checked ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+      "aria-hidden": true,
+      size: "mini",
+      name: "check-solid"
+    }) : null
+  }));
 };
 var _default = exports.default = Switch;

package/commonjs/Table/Table.js

@@ -1,14 +1,15 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TableRow = exports.TableHead = exports.TableBody = exports.Table = void 0;
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
 var _TableCell = _interopRequireDefault(require("../TableCell"));
 var _TableHeaderCell = _interopRequireDefault(require("../TableHeaderCell"));
 var _styles = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["head", "rows", "onSort", "sortId", "sortDirection", "rowRender", "children", "color"],
   _excluded2 = ["color"],
   _excluded3 = ["children"],
@@ -17,18 +18,25 @@ var _excluded = ["head", "rows", "onSort", "sortId", "sortDirection", "rowRender
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 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); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var renderTableRow = function renderTableRow(row) {
-  return /*#__PURE__*/React.createElement("tbody", {
-    key: row.id,
-    "data-qa-table-row": ""
-  }, /*#__PURE__*/React.createElement("tr", null, row.cells.map(function (td) {
-    return /*#__PURE__*/React.createElement(_TableCell.default, _extends({}, td, {
-      key: td.id
-    }));
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
+    "data-qa-table-row": "",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+      children: row.cells.map(function (td) {
+        return /*#__PURE__*/(0, _react.createElement)(_TableCell.default, _objectSpread(_objectSpread({}, td), {}, {
+          key: td.id
+        }));
+      })
+    })
+  }, row.id);
 };
 
 /**
@@ -47,59 +55,71 @@ var Table = exports.Table = function Table(_ref) {
     color = _ref.color,
     rest = _objectWithoutProperties(_ref, _excluded);
   if (children) {
-    return /*#__PURE__*/React.createElement(_styles.default, _extends({}, rest, {
-      "data-qa-table": ""
-    }), children);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.default, _objectSpread(_objectSpread({}, rest), {}, {
+      "data-qa-table": "",
+      children: children
+    }));
   }
-  return /*#__PURE__*/React.createElement(_styles.default, _extends({}, rest, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.default, _objectSpread(_objectSpread({}, rest), {}, {
     "data-qa-table": ""
     // TODO: fix this type since `color` should be valid here. TS can't resolve the correct type.
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     ,
-    color: color
-  }), /*#__PURE__*/React.createElement("colgroup", null, head.map(function (_ref2) {
-    var id = _ref2.id,
-      _ref2$colSpan = _ref2.colSpan,
-      colSpan = _ref2$colSpan === void 0 ? 1 : _ref2$colSpan;
-    return /*#__PURE__*/React.createElement("col", {
-      key: id,
-      span: colSpan
-    });
-  })), head.length > 0 && /*#__PURE__*/React.createElement("thead", {
-    "data-qa-table-header": ""
-  }, /*#__PURE__*/React.createElement("tr", null, head.map(function (_ref3) {
-    var color = _ref3.color,
-      th = _objectWithoutProperties(_ref3, _excluded2);
-    return /*#__PURE__*/React.createElement(_TableHeaderCell.default, _extends({}, th, {
-      key: th.id,
-      onSort: onSort,
-      sortId: sortId,
-      sortDirection: sortDirection
-      // TODO: fix this type since `color` should be valid here. TS can't resolve the correct type.
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore
-      ,
-      color: color
-    }));
-  }))), rows.map(function (row) {
-    return rowRender ? rowRender(row) : renderTableRow(row);
+    color: color,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("colgroup", {
+      children: head.map(function (_ref2) {
+        var id = _ref2.id,
+          _ref2$colSpan = _ref2.colSpan,
+          colSpan = _ref2$colSpan === void 0 ? 1 : _ref2$colSpan;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("col", {
+          span: colSpan
+        }, id);
+      })
+    }), head.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("thead", {
+      "data-qa-table-header": "",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+        children: head.map(function (_ref3) {
+          var color = _ref3.color,
+            th = _objectWithoutProperties(_ref3, _excluded2);
+          return /*#__PURE__*/(0, _react.createElement)(_TableHeaderCell.default, _objectSpread(_objectSpread({}, th), {}, {
+            key: th.id,
+            onSort: onSort,
+            sortId: sortId,
+            sortDirection: sortDirection
+            // TODO: fix this type since `color` should be valid here. TS can't resolve the correct type.
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            ,
+            color: color
+          }));
+        })
+      })
+    }), rows.map(function (row) {
+      return rowRender ? rowRender(row) : renderTableRow(row);
+    })]
   }));
 };
 var TableHead = exports.TableHead = function TableHead(_ref4) {
   var children = _ref4.children,
     props = _objectWithoutProperties(_ref4, _excluded3);
-  return /*#__PURE__*/React.createElement("thead", props, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("thead", _objectSpread(_objectSpread({}, props), {}, {
+    children: children
+  }));
 };
 var TableBody = exports.TableBody = function TableBody(_ref5) {
   var children = _ref5.children,
     props = _objectWithoutProperties(_ref5, _excluded4);
-  return /*#__PURE__*/React.createElement("tbody", props, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", _objectSpread(_objectSpread({}, props), {}, {
+    children: children
+  }));
 };
 var TableRow = exports.TableRow = function TableRow(_ref6) {
   var children = _ref6.children,
     props = _objectWithoutProperties(_ref6, _excluded5);
-  return /*#__PURE__*/React.createElement("tr", props, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", _objectSpread(_objectSpread({}, props), {}, {
+    children: children
+  }));
 };
 TableHead.displayName = "Table.TableHead";
 TableBody.displayName = "Table.TableBody";

package/commonjs/TableCell/TableCell.js

@@ -5,13 +5,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TableCell = void 0;
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
 var _styles = _interopRequireDefault(require("./styles"));
 var _excluded = ["id", "content", "colSpan", "width", "align", "scope", "children", "color"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -48,7 +51,7 @@ var TableCell = exports.TableCell = /*#__PURE__*/function (_React$Component) {
         children = _this$props.children,
         color = _this$props.color,
         rest = _objectWithoutProperties(_this$props, _excluded);
-      return /*#__PURE__*/React.createElement(_styles.default, _extends({}, rest, {
+      return /*#__PURE__*/(0, _react.createElement)(_styles.default, _objectSpread(_objectSpread({}, rest), {}, {
         // If the `scope` property is passed we must render the element as a <th>
         as: scope ? "th" : "td",
         scope: scope ? scope : undefined,

package/commonjs/TableHeaderCell/TableHeaderCell.js

@@ -4,16 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TableHeaderCell = void 0;
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
 var _Icon = _interopRequireDefault(require("../Icon"));
 var _styles = _interopRequireWildcard(require("./styles"));
 var _constants = require("./constants");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["id", "content", "colSpan", "width", "align", "isSortable", "sortId", "sortDirection", "children", "shouldTruncate", "onSort", "onClick", "color"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -46,11 +49,13 @@ var TableHeaderCell = exports.TableHeaderCell = /*#__PURE__*/function (_React$Co
       } else if (isSorted && sortDirection === _constants.SORT_DIRECTIONS.DESC) {
         iconName = "caret-down-solid";
       }
-      return /*#__PURE__*/React.createElement(_styles.SortIcon, null, /*#__PURE__*/React.createElement(_Icon.default, {
-        size: "mini",
-        name: iconName,
-        "aria-label": ariaSortDirection
-      }));
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SortIcon, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+          size: "mini",
+          name: iconName,
+          "aria-label": ariaSortDirection
+        })
+      });
     });
     // @ts-note: If this is set to an HTMLButtonElement event, then the `Container` freaks out
     _defineProperty(_assertThisInitialized(_this), "handleClick", function (e) {
@@ -97,7 +102,7 @@ var TableHeaderCell = exports.TableHeaderCell = /*#__PURE__*/function (_React$Co
         onClick: this.handleClick
       } : {};
       var scope = colSpan ? "colgroup" : "col";
-      return /*#__PURE__*/React.createElement(_styles.default, _extends({}, rest, {
+      return /*#__PURE__*/(0, _react.createElement)(_styles.default, _objectSpread(_objectSpread({}, rest), {}, {
         key: id,
         alignment: align || "left",
         sortable: isSortable,
@@ -114,10 +119,13 @@ var TableHeaderCell = exports.TableHeaderCell = /*#__PURE__*/function (_React$Co
         ,
         color: color,
         "aria-sort": ariaSort
-      }), isSortable ? /*#__PURE__*/React.createElement(_styles.UnstyledButton, buttonProps, /*#__PURE__*/React.createElement("div", {
-        "aria-live": "polite",
-        role: "status"
-      }, children || content, !children && this.getSortIcon(id === sortId, ariaSort))) : children || content);
+      }), isSortable ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.UnstyledButton, _objectSpread(_objectSpread({}, buttonProps), {}, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          "aria-live": "polite",
+          role: "status",
+          children: [children || content, !children && this.getSortIcon(id === sortId, ariaSort)]
+        })
+      })) : children || content);
     }
   }]);
   return TableHeaderCell;

package/commonjs/TableRowAccordion/TableRowAccordion.js

@@ -4,16 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
 var _Icon = _interopRequireDefault(require("../Icon"));
 var _TableCell = _interopRequireDefault(require("../TableCell"));
 var _styles = _interopRequireWildcard(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["id", "cells", "detail", "onToggle", "isExpanded", "color"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -63,7 +66,7 @@ var TableRowAccordion = exports.default = /*#__PURE__*/function (_React$Componen
         isExpanded = _this$props2.isExpanded,
         color = _this$props2.color,
         rest = _objectWithoutProperties(_this$props2, _excluded);
-      return /*#__PURE__*/React.createElement(_styles.default, _extends({}, rest, {
+      return /*#__PURE__*/(0, _react.createElement)(_styles.default, _objectSpread(_objectSpread({}, rest), {}, {
         "data-qa-table-row-accordion": isExpanded,
         key: id
         // TODO: fix this type since `color` should be valid here. TS can't resolve the correct type.
@@ -71,34 +74,37 @@ var TableRowAccordion = exports.default = /*#__PURE__*/function (_React$Componen
         // @ts-ignore
         ,
         color: color
-      }), /*#__PURE__*/React.createElement("tr", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
         "data-tablerowaccordion-summary": true,
-        onClick: this.handleToggle
-      }, cells.map(function (td) {
-        return /*#__PURE__*/React.createElement(_TableCell.default, _extends({}, td, {
-          key: td.id
-        }));
-      }), /*#__PURE__*/React.createElement(_TableCell.default, {
-        id: "tableRowAccordion_trigger",
-        content:
-        /*#__PURE__*/
-        // TODO: This trigger needs an accessible label passed in via props
-        React.createElement(_styles.Trigger, {
-          "data-tablerowaccordion-trigger": true,
-          onClick: this.handleToggle,
-          role: "button"
-        }, /*#__PURE__*/React.createElement(_Icon.default, {
-          name: isExpanded ? "chevron-up-outline" : "chevron-down-outline",
-          "aria-hidden": true
-        }))
-      })), /*#__PURE__*/React.createElement(_styles.Detail, {
+        onClick: this.handleToggle,
+        children: [cells.map(function (td) {
+          return /*#__PURE__*/(0, _react.createElement)(_TableCell.default, _objectSpread(_objectSpread({}, td), {}, {
+            key: td.id
+          }));
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableCell.default, {
+          id: "tableRowAccordion_trigger",
+          content:
+          /*#__PURE__*/
+          // TODO: This trigger needs an accessible label passed in via props
+          (0, _jsxRuntime.jsx)(_styles.Trigger, {
+            "data-tablerowaccordion-trigger": true,
+            onClick: this.handleToggle,
+            role: "button",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+              name: isExpanded ? "chevron-up-outline" : "chevron-down-outline",
+              "aria-hidden": true
+            })
+          })
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Detail, {
         isExpanded: isExpanded,
-        "data-tablerowaccordion-detail": true
-      }, /*#__PURE__*/React.createElement(_TableCell.default, {
-        id: "tableRowAccordion_detail",
-        colSpan: 100,
-        content: detail
-      })));
+        "data-tablerowaccordion-detail": true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableCell.default, {
+          id: "tableRowAccordion_detail",
+          colSpan: 100,
+          content: detail
+        })
+      }));
     }
   }]);
   return TableRowAccordion;