@sproutsocial/racine 22.5.1 → 23.1.0

package/lib/SegmentedControl/SegmentedControl.js

@@ -1,6 +1,11 @@
+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); }
 var _excluded = ["value", "children", "disabled"],
   _excluded2 = ["selectedValue", "label", "onChange", "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 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -13,6 +18,8 @@ import * as React from "react";
 import { useState, useContext } from "react";
 import Box from "../Box";
 import { SegmentedControlContainer, SegmentedControlItemContainer, SegmentedControlLabel } from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var nameCounter = 0;
 var idCounter = 0;
 var SegmentedControlContext = /*#__PURE__*/React.createContext(null);
@@ -34,24 +41,27 @@ var SegmentedControlItem = function SegmentedControlItem(_ref) {
     _useState2 = _slicedToArray(_useState, 1),
     id = _useState2[0];
   var isChecked = value === selectedValue;
-  return /*#__PURE__*/React.createElement(SegmentedControlItemContainer, _extends({
+  return /*#__PURE__*/_jsxs(SegmentedControlItemContainer, _objectSpread(_objectSpread({
     "data-segmentedcontrol-isactive": isChecked,
     "data-qa-segmentedcontrol-item": value,
     "data-qa-segmentedcontrol-ischecked": isChecked === true,
     disabled: disabled
-  }, rest), /*#__PURE__*/React.createElement("input", {
-    type: "radio",
-    id: id,
-    name: name,
-    value: value,
-    checked: isChecked,
-    onChange: onChange,
-    disabled: disabled
-  }), /*#__PURE__*/React.createElement(SegmentedControlLabel, {
-    as: "label",
-    htmlFor: id,
-    isActive: isChecked
-  }, children));
+  }, rest), {}, {
+    children: [/*#__PURE__*/_jsx("input", {
+      type: "radio",
+      id: id,
+      name: name,
+      value: value,
+      checked: isChecked,
+      onChange: onChange,
+      disabled: disabled
+    }), /*#__PURE__*/_jsx(SegmentedControlLabel, {
+      as: "label",
+      htmlFor: id,
+      isActive: isChecked,
+      children: children
+    })]
+  }));
 };
 var SegmentedControl = function SegmentedControl(_ref2) {
   var selectedValue = _ref2.selectedValue,
@@ -62,19 +72,25 @@ var SegmentedControl = function SegmentedControl(_ref2) {
   var _useState3 = useState("Racine-segmented-control-".concat(nameCounter++)),
     _useState4 = _slicedToArray(_useState3, 1),
     name = _useState4[0];
-  return /*#__PURE__*/React.createElement(SegmentedControlContext.Provider, {
+  return /*#__PURE__*/_jsx(SegmentedControlContext.Provider, {
     value: {
       name: name,
       selectedValue: selectedValue,
       onChange: onChange
-    }
-  }, /*#__PURE__*/React.createElement(SegmentedControlContainer, _extends({
-    forwardedAs: "fieldset",
-    "data-qa-segmentedcontrol": label,
-    "data-qa-segmentedcontrol-value": selectedValue
-  }, rest), /*#__PURE__*/React.createElement("legend", null, label), /*#__PURE__*/React.createElement(Box, {
-    display: "flex"
-  }, children)));
+    },
+    children: /*#__PURE__*/_jsxs(SegmentedControlContainer, _objectSpread(_objectSpread({
+      forwardedAs: "fieldset",
+      "data-qa-segmentedcontrol": label,
+      "data-qa-segmentedcontrol-value": selectedValue
+    }, rest), {}, {
+      children: [/*#__PURE__*/_jsx("legend", {
+        children: label
+      }), /*#__PURE__*/_jsx(Box, {
+        display: "flex",
+        children: children
+      })]
+    }))
+  });
 };
 SegmentedControlItem.displayName = "SegmentedControl.Item";
 SegmentedControl.Item = SegmentedControlItem;

package/lib/Select/Select.js

@@ -1,6 +1,7 @@
 var _excluded = ["id", "name", "children", "defaultValue", "value", "required", "isInvalid", "onChange", "autoFocus", "disabled", "ariaLabel", "ariaDescribedby", "size", "qa", "inputProps"];
 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"); } }
@@ -19,6 +20,8 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import * as React from "react";
 import Icon from "../Icon";
 import Container, { Arrow } from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var Select = /*#__PURE__*/function (_React$Component) {
   _inherits(Select, _React$Component);
   function Select() {
@@ -58,33 +61,38 @@ var Select = /*#__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(Container, _extends({
+      return /*#__PURE__*/_jsxs(Container, _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(Arrow, {
-        size: size
-      }, /*#__PURE__*/React.createElement(Icon, {
-        name: "chevron-down-outline",
-        fixedWidth: true,
-        size: this.props.size === "small" ? "small" : "medium",
-        "aria-hidden": true
-      })));
+      }, rest), {}, {
+        children: [/*#__PURE__*/_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__*/_jsx(Arrow, {
+          size: size,
+          children: /*#__PURE__*/_jsx(Icon, {
+            name: "chevron-down-outline",
+            fixedWidth: true,
+            size: this.props.size === "small" ? "small" : "medium",
+            "aria-hidden": true
+          })
+        })]
+      }));
     }
   }]);
   return Select;

package/lib/SpotIllustration/SpotIllustration.js

@@ -1,5 +1,10 @@
+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); }
 var _excluded = ["name", "customFill", "height", "width"];
-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; }
 import React from "react";
@@ -7,6 +12,7 @@ import styled from "styled-components";
 // eslint-disable-next-line no-restricted-syntax
 
 import { ViewBoxes } from "@sproutsocial/seeds-illustrations";
+import { jsx as _jsx } from "react/jsx-runtime";
 var StyledSVG = styled.svg.withConfig({
   displayName: "SpotIllustration__StyledSVG",
   componentId: "sc-1j3815-0"
@@ -25,16 +31,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.createElement(StyledSVG, _extends({
+  return /*#__PURE__*/_jsx(StyledSVG, _objectSpread(_objectSpread({
     role: "img",
     width: width ? width : defaultWidth,
     height: height ? height : defaultHeight,
     viewBox: viewBox,
     focusable: false,
     customFill: customFill
-  }, svgProps), /*#__PURE__*/React.createElement("use", {
-    xmlnsXlink: "http://www.w3.org/1999/xlink",
-    xlinkHref: "#seeds-svgs_".concat(name)
+  }, svgProps), {}, {
+    children: /*#__PURE__*/_jsx("use", {
+      xmlnsXlink: "http://www.w3.org/1999/xlink",
+      xlinkHref: "#seeds-svgs_".concat(name)
+    })
   }));
 };
 export default SpotIllustration;

package/lib/Stack/Stack.js

@@ -1,11 +1,18 @@
+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); }
 var _excluded = ["children", "space", "align", "direction"];
-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; }
 import * as React from "react";
 import { Children } from "react";
 import { normalizeResponsiveProp } from "../utils/responsiveProps";
 import Box from "../Box";
+import { createElement as _createElement } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 var stackStyles = {
   horizontal: {
     left: {
@@ -87,14 +94,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, _extends({
+  return /*#__PURE__*/_jsx(Box, _objectSpread(_objectSpread(_objectSpread({
     display: "flex"
-  }, styleProps, rest), stackItems.map(function (item, i) {
-    return /*#__PURE__*/React.createElement(Box, _extends({
-      flexBasis: childFlexBasis
-    }, i !== 0 ? childMarginProps : {}, {
-      key: i
-    }), item);
+  }, styleProps), rest), {}, {
+    children: stackItems.map(function (item, i) {
+      return /*#__PURE__*/_createElement(Box, _objectSpread(_objectSpread({
+        flexBasis: childFlexBasis
+      }, i !== 0 ? childMarginProps : {}), {}, {
+        key: i
+      }), item);
+    })
   }));
 };
 export default Stack;

package/lib/Switch/Switch.js

@@ -1,10 +1,16 @@
+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); }
 var _excluded = ["onClick", "loading", "checked", "disabled"];
-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; }
 import * as React from "react";
 import Icon from "../Icon";
 import { StyledSwitchButton } from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * @link https://seeds.sproutsocial.com/components/switch/
  *
@@ -31,17 +37,19 @@ var Switch = function Switch(_ref) {
       onClick(e, !checked);
     }
   };
-  return /*#__PURE__*/React.createElement(StyledSwitchButton, _extends({
+  return /*#__PURE__*/_jsx(StyledSwitchButton, _objectSpread(_objectSpread({
     type: "button",
     role: "switch",
     "aria-checked": checked,
     disabled: disabled,
     onClick: handleClick,
     className: loading ? "loading" : ""
-  }, rest), checked ? /*#__PURE__*/React.createElement(Icon, {
-    "aria-hidden": true,
-    size: "mini",
-    name: "check-solid"
-  }) : null);
+  }, rest), {}, {
+    children: checked ? /*#__PURE__*/_jsx(Icon, {
+      "aria-hidden": true,
+      size: "mini",
+      name: "check-solid"
+    }) : null
+  }));
 };
 export default Switch;

package/lib/Table/Table.js

@@ -3,22 +3,32 @@ var _excluded = ["head", "rows", "onSort", "sortId", "sortDirection", "rowRender
   _excluded3 = ["children"],
   _excluded4 = ["children"],
   _excluded5 = ["children"];
+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); }
 import * as React from "react";
 import TableCell from "../TableCell";
 import TableHeaderCell from "../TableHeaderCell";
 import Container from "./styles";
+import { createElement as _createElement } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 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, _extends({}, td, {
-      key: td.id
-    }));
-  })));
+  return /*#__PURE__*/_jsx("tbody", {
+    "data-qa-table-row": "",
+    children: /*#__PURE__*/_jsx("tr", {
+      children: row.cells.map(function (td) {
+        return /*#__PURE__*/_createElement(TableCell, _objectSpread(_objectSpread({}, td), {}, {
+          key: td.id
+        }));
+      })
+    })
+  }, row.id);
 };
 
 /**
@@ -37,59 +47,71 @@ export var Table = function Table(_ref) {
     color = _ref.color,
     rest = _objectWithoutProperties(_ref, _excluded);
   if (children) {
-    return /*#__PURE__*/React.createElement(Container, _extends({}, rest, {
-      "data-qa-table": ""
-    }), children);
+    return /*#__PURE__*/_jsx(Container, _objectSpread(_objectSpread({}, rest), {}, {
+      "data-qa-table": "",
+      children: children
+    }));
   }
-  return /*#__PURE__*/React.createElement(Container, _extends({}, rest, {
+  return /*#__PURE__*/_jsxs(Container, _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, _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__*/_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__*/_jsx("col", {
+          span: colSpan
+        }, id);
+      })
+    }), head.length > 0 && /*#__PURE__*/_jsx("thead", {
+      "data-qa-table-header": "",
+      children: /*#__PURE__*/_jsx("tr", {
+        children: head.map(function (_ref3) {
+          var color = _ref3.color,
+            th = _objectWithoutProperties(_ref3, _excluded2);
+          return /*#__PURE__*/_createElement(TableHeaderCell, _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);
+    })]
   }));
 };
 export var TableHead = function TableHead(_ref4) {
   var children = _ref4.children,
     props = _objectWithoutProperties(_ref4, _excluded3);
-  return /*#__PURE__*/React.createElement("thead", props, children);
+  return /*#__PURE__*/_jsx("thead", _objectSpread(_objectSpread({}, props), {}, {
+    children: children
+  }));
 };
 export var TableBody = function TableBody(_ref5) {
   var children = _ref5.children,
     props = _objectWithoutProperties(_ref5, _excluded4);
-  return /*#__PURE__*/React.createElement("tbody", props, children);
+  return /*#__PURE__*/_jsx("tbody", _objectSpread(_objectSpread({}, props), {}, {
+    children: children
+  }));
 };
 export var TableRow = function TableRow(_ref6) {
   var children = _ref6.children,
     props = _objectWithoutProperties(_ref6, _excluded5);
-  return /*#__PURE__*/React.createElement("tr", props, children);
+  return /*#__PURE__*/_jsx("tr", _objectSpread(_objectSpread({}, props), {}, {
+    children: children
+  }));
 };
 TableHead.displayName = "Table.TableHead";
 TableBody.displayName = "Table.TableBody";

package/lib/TableCell/TableCell.js

@@ -1,6 +1,8 @@
 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); }
 var _excluded = ["id", "content", "colSpan", "width", "align", "scope", "children", "color"];
-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"); } }
@@ -17,6 +19,7 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 import * as React from "react";
 import Container from "./styles";
+import { createElement as _createElement } from "react";
 /**
  * The table cell component is for rendering table cells and is meant to be used with the table component.
  */
@@ -39,7 +42,7 @@ export var TableCell = /*#__PURE__*/function (_React$Component) {
         children = _this$props.children,
         color = _this$props.color,
         rest = _objectWithoutProperties(_this$props, _excluded);
-      return /*#__PURE__*/React.createElement(Container, _extends({}, rest, {
+      return /*#__PURE__*/_createElement(Container, _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/lib/TableHeaderCell/TableHeaderCell.js

@@ -1,6 +1,7 @@
 var _excluded = ["id", "content", "colSpan", "width", "align", "isSortable", "sortId", "sortDirection", "children", "shouldTruncate", "onSort", "onClick", "color"];
 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"); } }
@@ -20,6 +21,9 @@ import * as React from "react";
 import Icon from "../Icon";
 import Container, { SortIcon, UnstyledButton } from "./styles";
 import { SORT_DIRECTIONS } from "./constants";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
 export var TableHeaderCell = /*#__PURE__*/function (_React$Component) {
   _inherits(TableHeaderCell, _React$Component);
   function TableHeaderCell() {
@@ -37,11 +41,13 @@ export var TableHeaderCell = /*#__PURE__*/function (_React$Component) {
       } else if (isSorted && sortDirection === SORT_DIRECTIONS.DESC) {
         iconName = "caret-down-solid";
       }
-      return /*#__PURE__*/React.createElement(SortIcon, null, /*#__PURE__*/React.createElement(Icon, {
-        size: "mini",
-        name: iconName,
-        "aria-label": ariaSortDirection
-      }));
+      return /*#__PURE__*/_jsx(SortIcon, {
+        children: /*#__PURE__*/_jsx(Icon, {
+          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) {
@@ -88,7 +94,7 @@ export var TableHeaderCell = /*#__PURE__*/function (_React$Component) {
         onClick: this.handleClick
       } : {};
       var scope = colSpan ? "colgroup" : "col";
-      return /*#__PURE__*/React.createElement(Container, _extends({}, rest, {
+      return /*#__PURE__*/_createElement(Container, _objectSpread(_objectSpread({}, rest), {}, {
         key: id,
         alignment: align || "left",
         sortable: isSortable,
@@ -105,10 +111,13 @@ export var TableHeaderCell = /*#__PURE__*/function (_React$Component) {
         ,
         color: color,
         "aria-sort": ariaSort
-      }), isSortable ? /*#__PURE__*/React.createElement(UnstyledButton, buttonProps, /*#__PURE__*/React.createElement("div", {
-        "aria-live": "polite",
-        role: "status"
-      }, children || content, !children && this.getSortIcon(id === sortId, ariaSort))) : children || content);
+      }), isSortable ? /*#__PURE__*/_jsx(UnstyledButton, _objectSpread(_objectSpread({}, buttonProps), {}, {
+        children: /*#__PURE__*/_jsxs("div", {
+          "aria-live": "polite",
+          role: "status",
+          children: [children || content, !children && this.getSortIcon(id === sortId, ariaSort)]
+        })
+      })) : children || content);
     }
   }]);
   return TableHeaderCell;