@sproutsocial/racine 13.8.0 → 14.0.0

package/commonjs/DatePicker/index.flow.js

@@ -0,0 +1,60 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  SingleDatePicker: true,
+  DateRangePicker: true
+};
+Object.defineProperty(exports, "DateRangePicker", {
+  enumerable: true,
+  get: function get() {
+    return _index2.default;
+  }
+});
+Object.defineProperty(exports, "SingleDatePicker", {
+  enumerable: true,
+  get: function get() {
+    return _index.default;
+  }
+});
+var _index = _interopRequireWildcard(require("./SingleDatePicker/index.flow"));
+Object.keys(_index).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _index[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index[key];
+    }
+  });
+});
+var _index2 = _interopRequireWildcard(require("./DateRangePicker/index.flow"));
+Object.keys(_index2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _index2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index2[key];
+    }
+  });
+});
+var _common = require("./common.flow");
+Object.keys(_common).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _common[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _common[key];
+    }
+  });
+});
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/commonjs/DatePicker/index.js

@@ -3,18 +3,25 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "DateRangePicker", {
-  enumerable: true,
-  get: function get() {
-    return _DateRangePicker.default;
-  }
+var _SingleDatePicker = require("./SingleDatePicker");
+Object.keys(_SingleDatePicker).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SingleDatePicker[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _SingleDatePicker[key];
+    }
+  });
 });
-Object.defineProperty(exports, "SingleDatePicker", {
-  enumerable: true,
-  get: function get() {
-    return _SingleDatePicker.default;
-  }
-});
-var _SingleDatePicker = _interopRequireDefault(require("./SingleDatePicker"));
-var _DateRangePicker = _interopRequireDefault(require("./DateRangePicker"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _DateRangePicker = require("./DateRangePicker");
+Object.keys(_DateRangePicker).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DateRangePicker[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DateRangePicker[key];
+    }
+  });
+});

package/commonjs/DatePicker/styles.js

@@ -52,7 +52,7 @@ var shouldHaveRightPill = function shouldHaveRightPill(modifiers, day) {
 };
 var CalendarDay = (0, _styledComponents.default)(_Box.default).withConfig({
   displayName: "styles__CalendarDay",
-  componentId: "sc-fso9yi-0"
+  componentId: "sc-uyf25l-0"
 })(["", ";"], function (_ref) {
   var modifiers = _ref.modifiers,
     day = _ref.day,

package/commonjs/DatePicker/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/commonjs/Drawer/Drawer.flow.js

@@ -0,0 +1,6 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var React = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/commonjs/Drawer/Drawer.js

@@ -0,0 +1,206 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
+var _reactSpring = require("react-spring");
+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 _excluded = ["title", "children", "render"],
+  _excluded2 = ["children"],
+  _excluded3 = ["id", "style", "offset", "direction", "children", "disableCloseOnClickOutside", "onClose", "zIndex", "closeTargets"],
+  _excluded4 = ["children", "closeButtonLabel", "direction", "disableCloseOnClickOutside", "id", "isOpen", "offset", "onClose", "zIndex", "closeTargets"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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); }
+// If ever we needed to make drawer width configurable, move this to a default prop
+var DRAWER_WIDTH = 600;
+var AnimatedDrawer = (0, _reactSpring.animated)(_styles.default);
+var doesRefContainEventTarget = function doesRefContainEventTarget(ref, event) {
+  return ref.current && event.target instanceof Node && ref.current.contains(event.target);
+};
+var DrawerContext = /*#__PURE__*/React.createContext({});
+var DrawerCloseButton = function DrawerCloseButton(props) {
+  var _useContext = (0, React.useContext)(DrawerContext),
+    onClose = _useContext.onClose,
+    closeButtonLabel = _useContext.closeButtonLabel;
+  if (props.render) {
+    var _props$render;
+    return (_props$render = props.render({
+      onClose: onClose,
+      closeButtonLabel: closeButtonLabel
+    })) !== null && _props$render !== void 0 ? _props$render : null;
+  }
+  return /*#__PURE__*/React.createElement(_Button.default, _extends({
+    appearance: "pill",
+    "aria-label": closeButtonLabel,
+    onClick: onClose
+  }, props), props.children || /*#__PURE__*/React.createElement(_Icon.default, {
+    name: "x"
+  }));
+};
+var DrawerHeader = function DrawerHeader(_ref) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? '' : _ref$title,
+    children = _ref.children,
+    render = _ref.render,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var drawerContext = (0, React.useContext)(DrawerContext);
+  if (render) {
+    return render(drawerContext);
+  }
+  return /*#__PURE__*/React.createElement(_Box.default, _extends({
+    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"
+  }, title), /*#__PURE__*/React.createElement(DrawerCloseButton, null)));
+};
+var DrawerContent = function DrawerContent(_ref2) {
+  var children = _ref2.children,
+    rest = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/React.createElement(_styles.Content, _extends({
+    height: "100%",
+    p: 450,
+    color: "text.body"
+  }, rest), 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,
+    rest = _objectWithoutProperties(_ref3, _excluded3);
+  var drawerRef = (0, React.useRef)(null);
+  (0, React.useEffect)(function () {
+    var documentBody = document.body;
+    if (!documentBody) {
+      return;
+    }
+    var onEsc = function onEsc(event) {
+      if (event.key === 'Escape') {
+        onClose();
+      }
+    };
+    var bodyClick = function bodyClick(event) {
+      if (!doesRefContainEventTarget(drawerRef, event) && !disableCloseOnClickOutside) {
+        onClose();
+      }
+    };
+    documentBody && documentBody.addEventListener('keydown', onEsc, false);
+    if (closeTargets) {
+      closeTargets.forEach(function (targetElement) {
+        return targetElement && targetElement.addEventListener('click', bodyClick, false);
+      });
+    } else {
+      documentBody.firstElementChild && documentBody.firstElementChild.addEventListener('click', bodyClick, false);
+    }
+    return function () {
+      if (closeTargets) {
+        closeTargets.forEach(function (targetElement) {
+          return targetElement && targetElement.removeEventListener('click', bodyClick, false);
+        });
+      } else {
+        documentBody.firstElementChild && documentBody.firstElementChild.removeEventListener('click', bodyClick, false);
+      }
+    };
+  }, [onClose, disableCloseOnClickOutside, closeTargets]);
+  return /*#__PURE__*/React.createElement(_reactFocusLock.default, {
+    key: id,
+    autoFocus: false,
+    returnFocus: true
+  }, /*#__PURE__*/React.createElement(AnimatedDrawer, _extends({
+    ref: drawerRef,
+    style: style,
+    width: DRAWER_WIDTH,
+    offset: offset,
+    direction: direction,
+    "data-qa-drawer": id
+  }, rest), children));
+};
+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,
+    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: DRAWER_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,
+      "data-qa-drawer": id || '',
+      "data-qa-drawer-isopen": isOpen === true
+    }, rest), children);
+  })));
+};
+DrawerHeader.displayName = 'Drawer.Header';
+DrawerContent.displayName = 'Drawer.Content';
+DrawerCloseButton.displayName = 'Drawer.CloseButton';
+DrawerContainer.Header = DrawerHeader;
+DrawerContainer.Content = DrawerContent;
+DrawerContainer.CloseButton = DrawerCloseButton;
+var _default = DrawerContainer;
+exports.default = _default;

package/commonjs/Drawer/DrawerTypes.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/commonjs/Drawer/SlideTransition.js

@@ -34,7 +34,7 @@ var SlideTransition = function SlideTransition(_ref) {
       duration: _seedsMotionUnitless.MOTION_DURATION_MEDIUM * 1000
     }
   });
-  return transitions.map(function (_ref2) {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, transitions.map(function (_ref2) {
     var key = _ref2.key,
       item = _ref2.item,
       props = _ref2.props;
@@ -43,6 +43,6 @@ var SlideTransition = function SlideTransition(_ref) {
       isVisible: item,
       style: props
     });
-  });
+  }));
 };
 exports.SlideTransition = SlideTransition;

package/commonjs/Drawer/index.flow.js

@@ -1,6 +1,16 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var React = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Drawer = require("./Drawer.flow");
+Object.keys(_Drawer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Drawer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Drawer[key];
+    }
+  });
+});

package/commonjs/Drawer/index.js

@@ -1,220 +1,31 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
-var _reactSpring = require("react-spring");
-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 _excluded = ["title", "children", "render"],
-  _excluded2 = ["children"],
-  _excluded3 = ["id", "style", "offset", "direction", "children", "disableCloseOnClickOutside", "onClose", "zIndex", "closeTargets"],
-  _excluded4 = ["children", "closeButtonLabel", "direction", "disableCloseOnClickOutside", "id", "isOpen", "offset", "onClose", "zIndex", "closeTargets"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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); }
-// If ever we needed to make drawer width configurable, move this to a default prop
-var DRAWER_WIDTH = 600;
-var AnimatedDrawer = (0, _reactSpring.animated)(_styles.default);
-var doesRefContainEventTarget = function doesRefContainEventTarget(ref, event) {
-  return ref.current && event.target instanceof Node && ref.current.contains(event.target);
-};
-var DrawerContext = /*#__PURE__*/React.createContext({});
-var DrawerCloseButton = function DrawerCloseButton(props) {
-  var _useContext = (0, React.useContext)(DrawerContext),
-    onClose = _useContext.onClose,
-    closeButtonLabel = _useContext.closeButtonLabel;
-  if (props.render) {
-    return props.render({
-      onClose: onClose,
-      closeButtonLabel: closeButtonLabel
-    });
-  }
-  return (
-    /*#__PURE__*/
-    // $FlowIssue - upgrade v0.112.0
-    React.createElement(_Button.default, _extends({
-      appearance: "pill",
-      "aria-label": closeButtonLabel,
-      onClick: onClose
-    }, props), props.children || /*#__PURE__*/React.createElement(_Icon.default, {
-      name: "x"
-    }))
-  );
+var _exportNames = {
+  Drawer: true
 };
-var DrawerHeader = function DrawerHeader(_ref) {
-  var _ref$title = _ref.title,
-    title = _ref$title === void 0 ? '' : _ref$title,
-    children = _ref.children,
-    render = _ref.render,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var drawerContext = (0, React.useContext)(DrawerContext);
-  if (render) {
-    return render(drawerContext);
+Object.defineProperty(exports, "Drawer", {
+  enumerable: true,
+  get: function get() {
+    return _Drawer.default;
   }
-  return (
-    /*#__PURE__*/
-    // $FlowIssue - upgrade v0.112.0
-    React.createElement(_Box.default, _extends({
-      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"
-    }, title), /*#__PURE__*/React.createElement(DrawerCloseButton, null)))
-  );
-};
-var DrawerContent = function DrawerContent(_ref2) {
-  var children = _ref2.children,
-    rest = _objectWithoutProperties(_ref2, _excluded2);
-  return (
-    /*#__PURE__*/
-    // $FlowIssue - upgrade v0.112.0
-    React.createElement(_styles.Content, _extends({
-      height: "100%",
-      p: 450,
-      color: "text.body"
-    }, rest), 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,
-    rest = _objectWithoutProperties(_ref3, _excluded3);
-  var drawerRef = (0, React.useRef)(null);
-  (0, React.useEffect)(function () {
-    var documentBody = document.body;
-    if (!documentBody) {
-      return;
-    }
-    var onEsc = function onEsc(event) {
-      if (event.key === 'Escape') {
-        onClose();
-      }
-    };
-    var bodyClick = function bodyClick(event) {
-      if (!doesRefContainEventTarget(drawerRef, event) && !disableCloseOnClickOutside) {
-        onClose();
-      }
-    };
-    documentBody && documentBody.addEventListener('keydown', onEsc, false);
-    if (closeTargets) {
-      closeTargets.forEach(function (targetElement) {
-        return targetElement && targetElement.addEventListener('click', bodyClick, false);
-      });
-    } else {
-      documentBody.firstElementChild && documentBody.firstElementChild.addEventListener('click', bodyClick, false);
-    }
-    return function () {
-      if (closeTargets) {
-        closeTargets.forEach(function (targetElement) {
-          return targetElement && targetElement.removeEventListener('click', bodyClick, false);
-        });
-      } else {
-        documentBody.firstElementChild && documentBody.firstElementChild.removeEventListener('click', bodyClick, false);
-      }
-    };
-  }, [onClose, disableCloseOnClickOutside, closeTargets]);
-  return /*#__PURE__*/React.createElement(_reactFocusLock.default, {
-    key: id,
-    autoFocus: false,
-    returnFocus: true
-  }, /*#__PURE__*/React.createElement(AnimatedDrawer, _extends({
-    ref: drawerRef,
-    style: style,
-    width: DRAWER_WIDTH,
-    offset: offset,
-    direction: direction,
-    "data-qa-drawer": id
-  }, rest), children));
-};
-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,
-    rest = _objectWithoutProperties(_ref4, _excluded4);
-  return /*#__PURE__*/React.createElement(_Portal.default, {
-    id: id
-  }, /*#__PURE__*/React.createElement(DrawerContext.Provider, {
-    value: {
-      onClose: onClose,
-      closeButtonLabel: closeButtonLabel
+});
+exports.default = void 0;
+var _Drawer = _interopRequireDefault(require("./Drawer"));
+var _DrawerTypes = require("./DrawerTypes");
+Object.keys(_DrawerTypes).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DrawerTypes[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DrawerTypes[key];
     }
-  }, /*#__PURE__*/React.createElement(_SlideTransition.SlideTransition, {
-    width: DRAWER_WIDTH + offset,
-    direction: direction,
-    isVisible: isOpen
-  }, function (_ref5) {
-    var isVisible = _ref5.isVisible,
-      style = _ref5.style,
-      key = _ref5.key;
-    return isVisible &&
-    /*#__PURE__*/
-    // $FlowIssue - upgrade v0.112.0
-    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,
-      "data-qa-drawer": id || '',
-      "data-qa-drawer-isopen": isOpen === true
-    }, rest), children);
-  })));
-};
-DrawerContainer.Header = DrawerHeader;
-DrawerContainer.Content = DrawerContent;
-DrawerContainer.CloseButton = DrawerCloseButton;
-DrawerContainer.Header.displayName = 'Drawer.Header';
-DrawerContainer.Content.displayName = 'Drawer.Content';
-DrawerContainer.CloseButton.displayName = 'Drawer.CloseButton';
-var _default = DrawerContainer;
+  });
+});
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = _Drawer.default;
 exports.default = _default;

package/commonjs/Drawer/styles.js

@@ -13,12 +13,12 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var Content = (0, _styledComponents.default)(_Box.default).withConfig({
   displayName: "styles__Content",
-  componentId: "sc-bo5voc-0"
+  componentId: "sc-1nfgsze-0"
 })(["overflow-y:auto;"]);
 exports.Content = Content;
 var Container = _styledComponents.default.div.withConfig({
   displayName: "styles__Container",
-  componentId: "sc-bo5voc-1"
+  componentId: "sc-1nfgsze-1"
 })(["display:flex;flex-direction:column;position:fixed;top:0;height:100%;width:", "px;background-color:", ";box-shadow:", ";filter:blur(0);", " ", ""], function (props) {
   return props.width;
 }, function (props) {