@sproutsocial/racine 22.5.0 → 23.0.0

package/commonjs/DatePicker/SingleDatePicker/SingleDatePicker.js

@@ -11,11 +11,16 @@ var _DayPickerSingleDateController = _interopRequireDefault(require("react-dates
 var _styles = require("../styles");
 var _common = require("../common");
 var _VisuallyHidden = require("../../VisuallyHidden");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["onDateChange", "setStatusText", "date", "focused", "onFocusChange", "initialVisibleMonth", "numberOfMonths", "onBlur"];
 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 _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); }
@@ -55,18 +60,23 @@ var SingleDatePicker = function SingleDatePicker(_ref) {
     });
     onBlur === null || onBlur === void 0 || onBlur(event);
   }, [onBlur, onFocusChange]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.ReactDatesCssOverrides, null), /*#__PURE__*/_react.default.createElement(_VisuallyHidden.VisuallyHidden, null, /*#__PURE__*/_react.default.createElement("div", {
-    role: "status"
-  }, statusText)), /*#__PURE__*/_react.default.createElement(_DayPickerSingleDateController.default, _extends({}, _common.commonDatePickerProps, {
-    date: date,
-    numberOfMonths: numberOfMonths,
-    onDateChange: onDateChange,
-    initialVisibleMonth: initialVisibleMonth || null,
-    focused: focused,
-    onBlur: wrappedOnBlur,
-    onFocusChange: onFocusChange,
-    onPrevMonthClick: handleMonthClick,
-    onNextMonthClick: handleMonthClick
-  }, rest)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ReactDatesCssOverrides, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_VisuallyHidden.VisuallyHidden, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        role: "status",
+        children: statusText
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DayPickerSingleDateController.default, _objectSpread(_objectSpread({}, _common.commonDatePickerProps), {}, {
+      date: date,
+      numberOfMonths: numberOfMonths,
+      onDateChange: onDateChange,
+      initialVisibleMonth: initialVisibleMonth || null,
+      focused: focused,
+      onBlur: wrappedOnBlur,
+      onFocusChange: onFocusChange,
+      onPrevMonthClick: handleMonthClick,
+      onNextMonthClick: handleMonthClick
+    }, rest))]
+  });
 };
 var _default = exports.default = /*#__PURE__*/_react.default.memo(SingleDatePicker);

package/commonjs/DatePicker/SingleDatePicker/StatefulSingleDatePicker.js

@@ -7,11 +7,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.StatefulSingleDatePicker = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _SingleDatePicker = _interopRequireDefault(require("./SingleDatePicker"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["date", "onDateChange"];
 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 _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); }
@@ -32,7 +37,7 @@ var StatefulSingleDatePicker = exports.StatefulSingleDatePicker = function State
     onDateChange && onDateChange(date);
     setDate(date);
   };
-  return /*#__PURE__*/_react.default.createElement(_SingleDatePicker.default, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SingleDatePicker.default, _objectSpread({
     date: stateDate,
     onDateChange: handleDateChange
   }, rest));

package/commonjs/DatePicker/common.js

@@ -9,6 +9,7 @@ require("react-dates/lib/css/_datepicker.css");
 var _react = _interopRequireDefault(require("react"));
 var _Icon = _interopRequireDefault(require("../Icon"));
 var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var iconNames = {
   left: "arrow-left-solid",
@@ -16,7 +17,7 @@ var iconNames = {
 };
 var CalendarNavButton = exports.CalendarNavButton = function CalendarNavButton(_ref) {
   var type = _ref.type;
-  return /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
     size: "mini",
     name: iconNames[type],
     "aria-hidden": true
@@ -25,17 +26,18 @@ var CalendarNavButton = exports.CalendarNavButton = function CalendarNavButton(_
 var commonDatePickerProps = exports.commonDatePickerProps = {
   hideKeyboardShortcutsPanel: true,
   daySize: 30,
-  navPrev: /*#__PURE__*/_react.default.createElement(CalendarNavButton, {
+  navPrev: /*#__PURE__*/(0, _jsxRuntime.jsx)(CalendarNavButton, {
     type: "left"
   }),
-  navNext: /*#__PURE__*/_react.default.createElement(CalendarNavButton, {
+  navNext: /*#__PURE__*/(0, _jsxRuntime.jsx)(CalendarNavButton, {
     type: "right"
   }),
   renderDayContents: function renderDayContents(day, modifiers) {
-    return /*#__PURE__*/_react.default.createElement(_styles.CalendarDay, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.CalendarDay, {
       day: day,
-      modifiers: modifiers
-    }, day.format("D"));
+      modifiers: modifiers,
+      children: day.format("D")
+    });
   },
   initialVisibleMonth: null
 };

package/commonjs/Drawer/Drawer.js

@@ -1,6 +1,5 @@
 "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
 });
@@ -8,30 +7,54 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
-var _reactSpring = require("react-spring");
+var _web = require("@react-spring/web");
+var _seedsMotionUnitless = require("@sproutsocial/seeds-motion/dist/seeds-motion-unitless");
 var _Box = _interopRequireDefault(require("../Box"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _Icon = _interopRequireDefault(require("../Icon"));
 var _Text = _interopRequireDefault(require("../Text"));
 var _Portal = _interopRequireDefault(require("../Portal"));
-var _SlideTransition = require("./SlideTransition");
 var _styles = _interopRequireWildcard(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["title", "id", "children", "render"],
   _excluded2 = ["children"],
-  _excluded3 = ["id", "style", "offset", "direction", "children", "disableCloseOnClickOutside", "onClose", "zIndex", "closeTargets", "width", "focusLockExemptCheck"],
+  _excluded3 = ["id", "offset", "direction", "children", "disableCloseOnClickOutside", "onClose", "zIndex", "closeTargets", "width", "focusLockExemptCheck", "isOpen"],
   _excluded4 = ["children", "closeButtonLabel", "direction", "disableCloseOnClickOutside", "id", "isOpen", "offset", "onClose", "zIndex", "closeTargets", "width"];
 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 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; }
-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); } // eslint-disable-next-line import/no-deprecated
-var AnimatedDrawer = (0, _reactSpring.animated)(_styles.default);
+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); } // eslint-disable-next-line import/no-deprecated
+var useSlideTransition = function useSlideTransition(_ref) {
+  var isVisible = _ref.isVisible,
+    width = _ref.width,
+    direction = _ref.direction;
+  var offset = width * (direction === "left" ? -1 : 1);
+  return (0, _web.useTransition)(isVisible, {
+    from: {
+      opacity: 0,
+      x: offset
+    },
+    enter: {
+      opacity: 1,
+      x: 0
+    },
+    leave: {
+      opacity: 0,
+      x: offset
+    },
+    config: {
+      duration: _seedsMotionUnitless.MOTION_DURATION_MEDIUM * 1000
+    }
+  });
+};
+var AnimatedDrawer = (0, _web.animated)(_styles.default);
 var doesRefContainEventTarget = function doesRefContainEventTarget(ref, event) {
   return ref.current && event.target instanceof Node && ref.current.contains(event.target);
 };
@@ -47,65 +70,65 @@ var DrawerCloseButton = function DrawerCloseButton(props) {
       closeButtonLabel: closeButtonLabel
     })) !== null && _props$render !== void 0 ? _props$render : null;
   }
-  return /*#__PURE__*/React.createElement(_Button.default, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, _objectSpread(_objectSpread({
     appearance: "pill",
     "aria-label": closeButtonLabel,
     onClick: onClose
-  }, props), props.children || /*#__PURE__*/React.createElement(_Icon.default, {
-    "aria-hidden": true,
-    name: "x-outline"
+  }, props), {}, {
+    children: props.children || /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+      "aria-hidden": true,
+      name: "x-outline"
+    })
   }));
 };
-var DrawerHeader = function DrawerHeader(_ref) {
-  var _ref$title = _ref.title,
-    title = _ref$title === void 0 ? "" : _ref$title,
-    _ref$id = _ref.id,
-    id = _ref$id === void 0 ? undefined : _ref$id,
-    children = _ref.children,
-    render = _ref.render,
-    rest = _objectWithoutProperties(_ref, _excluded);
+var DrawerHeader = function DrawerHeader(_ref2) {
+  var _ref2$title = _ref2.title,
+    title = _ref2$title === void 0 ? "" : _ref2$title,
+    _ref2$id = _ref2.id,
+    id = _ref2$id === void 0 ? undefined : _ref2$id,
+    children = _ref2.children,
+    render = _ref2.render,
+    rest = _objectWithoutProperties(_ref2, _excluded);
   var drawerContext = (0, _react.useContext)(DrawerContext);
   if (render) {
     return render(drawerContext);
   }
-  return /*#__PURE__*/React.createElement(_Box.default, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, _objectSpread(_objectSpread({
     display: "flex",
     flex: "0 0 auto",
     justifyContent: "space-between",
     alignItems: "center",
     pt: 400,
     px: 450
-  }, rest), children || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Text.default, {
-    as: "h2",
-    fontSize: 400,
-    fontWeight: "semibold",
-    color: "text.headline",
-    id: id
-  }, title), /*#__PURE__*/React.createElement(DrawerCloseButton, null)));
+  }, rest), {}, {
+    children: children || /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+        as: "h2",
+        fontSize: 400,
+        fontWeight: "semibold",
+        color: "text.headline",
+        id: id,
+        children: title
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(DrawerCloseButton, {})]
+    })
+  }));
 };
-var DrawerContent = function DrawerContent(_ref2) {
-  var children = _ref2.children,
-    rest = _objectWithoutProperties(_ref2, _excluded2);
-  return /*#__PURE__*/React.createElement(_styles.Content, _extends({
+var DrawerContent = function DrawerContent(_ref3) {
+  var children = _ref3.children,
+    rest = _objectWithoutProperties(_ref3, _excluded2);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Content, _objectSpread(_objectSpread({
     height: "100%",
     p: 450,
     color: "text.body"
-  }, rest), children);
+  }, rest), {}, {
+    children: children
+  }));
 };
-var Drawer = function Drawer(_ref3) {
-  var id = _ref3.id,
-    style = _ref3.style,
-    offset = _ref3.offset,
-    direction = _ref3.direction,
-    children = _ref3.children,
-    disableCloseOnClickOutside = _ref3.disableCloseOnClickOutside,
-    onClose = _ref3.onClose,
-    zIndex = _ref3.zIndex,
-    closeTargets = _ref3.closeTargets,
-    width = _ref3.width,
-    focusLockExemptCheck = _ref3.focusLockExemptCheck,
-    rest = _objectWithoutProperties(_ref3, _excluded3);
-  var drawerRef = (0, _react.useRef)(null);
+var useCloseOnBodyClick = function useCloseOnBodyClick(_ref4) {
+  var ref = _ref4.ref,
+    disableCloseOnClickOutside = _ref4.disableCloseOnClickOutside,
+    onClose = _ref4.onClose,
+    closeTargets = _ref4.closeTargets;
   (0, _react.useEffect)(function () {
     var documentBody = document.body;
     if (!documentBody) {
@@ -117,7 +140,7 @@ var Drawer = function Drawer(_ref3) {
       }
     };
     var bodyClick = function bodyClick(event) {
-      if (!doesRefContainEventTarget(drawerRef, event) && !disableCloseOnClickOutside) {
+      if (!doesRefContainEventTarget(ref, event) && !disableCloseOnClickOutside) {
         onClose();
       }
     };
@@ -153,75 +176,99 @@ var Drawer = function Drawer(_ref3) {
         });
       }
     };
-  }, [onClose, disableCloseOnClickOutside, closeTargets]);
-  return /*#__PURE__*/React.createElement(_reactFocusLock.default, {
-    key: id,
+  }, [onClose, disableCloseOnClickOutside, closeTargets, ref]);
+};
+var Drawer = function Drawer(_ref5) {
+  var id = _ref5.id,
+    offset = _ref5.offset,
+    direction = _ref5.direction,
+    children = _ref5.children,
+    disableCloseOnClickOutside = _ref5.disableCloseOnClickOutside,
+    onClose = _ref5.onClose,
+    zIndex = _ref5.zIndex,
+    closeTargets = _ref5.closeTargets,
+    width = _ref5.width,
+    focusLockExemptCheck = _ref5.focusLockExemptCheck,
+    isOpen = _ref5.isOpen,
+    rest = _objectWithoutProperties(_ref5, _excluded3);
+  var ref = (0, _react.useRef)(null);
+  useCloseOnBodyClick({
+    ref: ref,
+    disableCloseOnClickOutside: disableCloseOnClickOutside,
+    onClose: onClose,
+    closeTargets: closeTargets
+  });
+  var transition = useSlideTransition({
+    isVisible: isOpen,
+    width: width,
+    direction: direction
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFocusLock.default, {
     autoFocus: true,
     returnFocus: true,
     whiteList: focusLockExemptCheck ? function (e) {
       return !focusLockExemptCheck(e);
-    } : undefined
-  }, /*#__PURE__*/React.createElement(AnimatedDrawer, _extends({
-    ref: drawerRef,
-    style: style,
-    width: width,
-    offset: offset,
-    direction: direction,
-    "data-qa-drawer": id,
-    role: "dialog"
-  }, rest), children));
+    } : undefined,
+    children: transition(function (style, isVisible) {
+      return isVisible ? /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedDrawer, _objectSpread(_objectSpread({
+        ref: ref,
+        style: _objectSpread(_objectSpread({}, style), {}, {
+          zIndex: zIndex
+        }),
+        width: width,
+        offset: offset,
+        direction: direction,
+        "data-qa-drawer": id,
+        role: "dialog"
+      }, rest), {}, {
+        children: children
+      })) : null;
+    })
+  }, id);
 };
-var DrawerContainer = function DrawerContainer(_ref4) {
-  var children = _ref4.children,
-    closeButtonLabel = _ref4.closeButtonLabel,
-    _ref4$direction = _ref4.direction,
-    direction = _ref4$direction === void 0 ? "right" : _ref4$direction,
-    _ref4$disableCloseOnC = _ref4.disableCloseOnClickOutside,
-    disableCloseOnClickOutside = _ref4$disableCloseOnC === void 0 ? false : _ref4$disableCloseOnC,
-    id = _ref4.id,
-    isOpen = _ref4.isOpen,
-    _ref4$offset = _ref4.offset,
-    offset = _ref4$offset === void 0 ? 0 : _ref4$offset,
-    onClose = _ref4.onClose,
-    _ref4$zIndex = _ref4.zIndex,
-    zIndex = _ref4$zIndex === void 0 ? 7 : _ref4$zIndex,
-    _ref4$closeTargets = _ref4.closeTargets,
-    closeTargets = _ref4$closeTargets === void 0 ? [] : _ref4$closeTargets,
-    _ref4$width = _ref4.width,
-    width = _ref4$width === void 0 ? 600 : _ref4$width,
-    rest = _objectWithoutProperties(_ref4, _excluded4);
-  return /*#__PURE__*/React.createElement(_Portal.default, {
-    id: id
-  }, /*#__PURE__*/React.createElement(DrawerContext.Provider, {
-    value: {
-      onClose: onClose,
-      closeButtonLabel: closeButtonLabel
-    }
-  }, /*#__PURE__*/React.createElement(_SlideTransition.SlideTransition, {
-    width: width + offset,
-    direction: direction,
-    isVisible: isOpen
-  }, function (_ref5) {
-    var isVisible = _ref5.isVisible,
-      style = _ref5.style,
-      key = _ref5.key;
-    return isVisible && /*#__PURE__*/React.createElement(Drawer, _extends({
-      key: key,
-      id: id,
-      style: _objectSpread(_objectSpread({}, style), {}, {
-        zIndex: zIndex
-      }),
-      offset: offset,
-      direction: direction,
-      disableCloseOnClickOutside: disableCloseOnClickOutside,
-      onClose: onClose,
-      zIndex: zIndex,
-      closeTargets: closeTargets,
-      width: width,
-      "data-qa-drawer": id || "",
-      "data-qa-drawer-isopen": isOpen === true
-    }, rest), children);
-  })));
+var DrawerContainer = function DrawerContainer(_ref6) {
+  var children = _ref6.children,
+    closeButtonLabel = _ref6.closeButtonLabel,
+    _ref6$direction = _ref6.direction,
+    direction = _ref6$direction === void 0 ? "right" : _ref6$direction,
+    _ref6$disableCloseOnC = _ref6.disableCloseOnClickOutside,
+    disableCloseOnClickOutside = _ref6$disableCloseOnC === void 0 ? false : _ref6$disableCloseOnC,
+    id = _ref6.id,
+    isOpen = _ref6.isOpen,
+    _ref6$offset = _ref6.offset,
+    offset = _ref6$offset === void 0 ? 0 : _ref6$offset,
+    onClose = _ref6.onClose,
+    _ref6$zIndex = _ref6.zIndex,
+    zIndex = _ref6$zIndex === void 0 ? 7 : _ref6$zIndex,
+    _ref6$closeTargets = _ref6.closeTargets,
+    closeTargets = _ref6$closeTargets === void 0 ? [] : _ref6$closeTargets,
+    _ref6$width = _ref6.width,
+    width = _ref6$width === void 0 ? 600 : _ref6$width,
+    rest = _objectWithoutProperties(_ref6, _excluded4);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Portal.default, {
+    id: id,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DrawerContext.Provider, {
+      value: {
+        onClose: onClose,
+        closeButtonLabel: closeButtonLabel
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Drawer, _objectSpread(_objectSpread({
+        isOpen: isOpen,
+        id: id,
+        offset: offset,
+        direction: direction,
+        disableCloseOnClickOutside: disableCloseOnClickOutside,
+        onClose: onClose,
+        zIndex: zIndex,
+        closeTargets: closeTargets,
+        width: width,
+        "data-qa-drawer": id || "",
+        "data-qa-drawer-isopen": isOpen
+      }, rest), {}, {
+        children: children
+      }))
+    })
+  });
 };
 DrawerHeader.displayName = "Drawer.Header";
 DrawerContent.displayName = "Drawer.Content";

package/commonjs/EmptyState/EmptyState.js

@@ -8,11 +8,16 @@ exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _Box = _interopRequireDefault(require("../Box"));
 var _Text = _interopRequireDefault(require("../Text"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["media", "headline", "subtext", "primaryAction", "secondaryAction"]; // eslint-disable-next-line import/no-deprecated
 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 EmptyState = function EmptyState(_ref) {
@@ -22,38 +27,46 @@ var EmptyState = function EmptyState(_ref) {
     primaryAction = _ref.primaryAction,
     secondaryAction = _ref.secondaryAction,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(_Box.default, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, _objectSpread(_objectSpread({
     maxWidth: "400px",
     mx: "auto",
     "data-qa-emptystate": headline
-  }, rest), media && /*#__PURE__*/React.createElement(_Box.default, {
-    display: "flex",
-    flexDirection: "column",
-    justifyContent: "center",
-    mb: 450
-  }, media), /*#__PURE__*/React.createElement(_Text.default, {
-    as: "div",
-    textAlign: "center"
-  }, /*#__PURE__*/React.createElement(_Text.default, {
-    as: "p",
-    m: 0,
-    color: "text.headline",
-    fontWeight: "semibold",
-    fontSize: 400
-  }, headline), subtext && /*#__PURE__*/React.createElement(_Text.default, {
-    as: "p",
-    color: "text.subtext",
-    fontSize: 200,
-    mb: 0,
-    mt: 400
-  }, subtext), /*#__PURE__*/React.createElement(_Box.default, {
-    mt: primaryAction || secondaryAction ? 450 : 0
-  }, primaryAction && /*#__PURE__*/React.cloneElement(primaryAction, {
-    appearance: "primary"
-  }), secondaryAction && /*#__PURE__*/React.createElement(_Box.default, {
-    mt: 400
-  }, /*#__PURE__*/React.cloneElement(secondaryAction, {
-    appearance: "unstyled"
-  })))));
+  }, rest), {}, {
+    children: [media && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "center",
+      mb: 450,
+      children: media
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Text.default, {
+      as: "div",
+      textAlign: "center",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+        as: "p",
+        m: 0,
+        color: "text.headline",
+        fontWeight: "semibold",
+        fontSize: 400,
+        children: headline
+      }), subtext && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+        as: "p",
+        color: "text.subtext",
+        fontSize: 200,
+        mb: 0,
+        mt: 400,
+        children: subtext
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+        mt: primaryAction || secondaryAction ? 450 : 0,
+        children: [primaryAction && /*#__PURE__*/React.cloneElement(primaryAction, {
+          appearance: "primary"
+        }), secondaryAction && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+          mt: 400,
+          children: /*#__PURE__*/React.cloneElement(secondaryAction, {
+            appearance: "unstyled"
+          })
+        })]
+      })]
+    })]
+  }));
 };
 var _default = exports.default = EmptyState;