@sproutsocial/racine 15.1.0 → 17.0.0

package/commonjs/Card/styles.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledSelectedIcon = exports.StyledCardHeader = exports.StyledCardFooter = exports.StyledCardContent = exports.StyledCard = exports.SelectedIconWrapper = void 0;
+exports.StyledSelectedIcon = exports.StyledCardLink = exports.StyledCardHeader = exports.StyledCardFooter = exports.StyledCardContent = exports.StyledCardAffordance = exports.StyledCard = exports.SelectedIconWrapper = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _styledSystem = require("styled-system");
 var _mixins = require("../utils/mixins");
@@ -69,10 +69,23 @@ var StyledSelectedIcon = (0, _styledComponents.default)(_Icon.default).withConfi
   return $selected && "\n    opacity: 1;\n  ";
 });
 exports.StyledSelectedIcon = StyledSelectedIcon;
+var StyledCardLink = _styledComponents.default.a.withConfig({
+  displayName: "styles__StyledCardLink",
+  componentId: "sc-9tyqu4-5"
+})(["font-family:", ";font-weight:", ";color:", ";", ";", " ", ""], function (p) {
+  return p.theme.fontFamily;
+}, function (p) {
+  return p.theme.fontWeights.bold;
+}, function (p) {
+  return p.theme.colors.text.headline;
+}, function (p) {
+  return p.theme.typography[400];
+}, _styledSystem.color, _styledSystem.typography);
+exports.StyledCardLink = StyledCardLink;
 var StyledCard = _styledComponents.default.div.withConfig({
   displayName: "styles__StyledCard",
-  componentId: "sc-9tyqu4-5"
-})(["position:relative;display:flex;flex-direction:column;box-sizing:border-box;margin:0;background:", ";border:", " solid ", ";padding:", ";border-radius:", ";transition:box-shadow ", ",border ", ";&[role='link'],&[role='button'],&[role='checkbox']{cursor:pointer;}&:hover{box-shadow:", ";}&:focus{", "}", " ", " ", " ", " ", " ", " ", " ", " ", ""], function (_ref11) {
+  componentId: "sc-9tyqu4-6"
+})(["position:relative;display:flex;flex-direction:column;box-sizing:border-box;margin:0;background:", ";border:", " solid ", ";padding:", ";border-radius:", ";transition:box-shadow ", ",border ", ";&[role='button'],&[role='checkbox']{cursor:pointer;}", " &:hover{box-shadow:", ";}&:focus-within{", " ", ":focus{border:none;box-shadow:none;outline:none;}}&:focus{", "}", " ", " ", " ", " ", " ", " ", " ", " ", ""], function (_ref11) {
   var theme = _ref11.theme;
   return theme.colors.container.background.base;
 }, function (_ref12) {
@@ -95,16 +108,31 @@ var StyledCard = _styledComponents.default.div.withConfig({
   var theme = _ref17.theme;
   return theme.duration.medium;
 }, function (_ref18) {
-  var theme = _ref18.theme,
-    _ref18$$elevation = _ref18.$elevation,
-    $elevation = _ref18$$elevation === void 0 ? 'low' : _ref18$$elevation;
+  var $isRoleLink = _ref18.$isRoleLink;
+  return $isRoleLink && "\n\t\tcursor: pointer;\n\t";
+}, function (_ref19) {
+  var theme = _ref19.theme,
+    _ref19$$elevation = _ref19.$elevation,
+    $elevation = _ref19$$elevation === void 0 ? 'low' : _ref19$$elevation;
   return theme.shadows[$elevation];
-}, _mixins.focusRing, function (_ref19) {
-  var $disabled = _ref19.$disabled;
-  return $disabled && "\n    ".concat(_mixins.disabled, "\n  ");
 }, function (_ref20) {
-  var $selected = _ref20.$selected,
-    theme = _ref20.theme;
+  var $isRoleLink = _ref20.$isRoleLink;
+  return $isRoleLink ? _mixins.focusRing : null;
+}, StyledCardLink, _mixins.focusRing, function (_ref21) {
+  var $disabled = _ref21.$disabled;
+  return $disabled && "\n    ".concat(_mixins.disabled, "\n  ");
+}, function (_ref22) {
+  var $selected = _ref22.$selected,
+    theme = _ref22.theme;
   return $selected && "\n    border: ".concat(theme.borderWidths[500], " solid ").concat(theme.colors.container.border.selected, ";  \n  ");
 }, _styledSystem.border, _styledSystem.color, _styledSystem.flexbox, _styledSystem.grid, _styledSystem.layout, _styledSystem.position, _styledSystem.space);
-exports.StyledCard = StyledCard;
+exports.StyledCard = StyledCard;
+var StyledCardAffordance = (0, _styledComponents.default)(_Icon.default).withConfig({
+  displayName: "styles__StyledCardAffordance",
+  componentId: "sc-9tyqu4-7"
+})(["", ":hover &{transform:translateX(", ");}transition:", ";"], StyledCard, function (p) {
+  return p.theme.space[200];
+}, function (p) {
+  return p.theme.duration.medium;
+});
+exports.StyledCardAffordance = StyledCardAffordance;

package/commonjs/Card/subComponents.js

@@ -1,16 +1,21 @@
 "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.SelectedIcon = exports.CardHeader = exports.CardFooter = exports.CardContent = void 0;
-var _react = _interopRequireDefault(require("react"));
+exports.SelectedIcon = exports.CardLink = exports.CardHeader = exports.CardFooter = exports.CardContent = exports.CardAffordance = void 0;
+var _react = _interopRequireWildcard(require("react"));
 var _utils = require("./utils");
 var _styles = require("./styles");
 var _excluded = ["children"],
   _excluded2 = ["children"],
-  _excluded3 = ["children"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+  _excluded3 = ["children"],
+  _excluded4 = ["affordance", "children"];
+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 _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _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 CardContent = function CardContent(_ref) {
@@ -45,4 +50,32 @@ var SelectedIcon = function SelectedIcon(_ref4) {
     $selected: $selected
   }));
 };
-exports.SelectedIcon = SelectedIcon;
+exports.SelectedIcon = SelectedIcon;
+var CardAffordance = function CardAffordance(_ref5) {
+  var rest = _extends({}, (_objectDestructuringEmpty(_ref5), _ref5));
+  return /*#__PURE__*/_react.default.createElement(_styles.StyledCardAffordance, _extends({}, rest, {
+    size: "mini",
+    name: "arrow-right",
+    "aria-hidden": true
+  }));
+};
+
+// jsdocs, never types?
+exports.CardAffordance = CardAffordance;
+var CardLink = function CardLink(_ref6) {
+  var affordance = _ref6.affordance,
+    children = _ref6.children,
+    rest = _objectWithoutProperties(_ref6, _excluded4);
+  var _useContext = (0, _react.useContext)(_utils.SubComponentContext),
+    href = _useContext.href,
+    linkRef = _useContext.linkRef;
+  return /*#__PURE__*/_react.default.createElement(_styles.StyledCardLink, _extends({}, rest, {
+    target: "_blank",
+    rel: "noreferrer",
+    href: href,
+    ref: linkRef
+  }), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children, affordance ? /*#__PURE__*/_react.default.createElement(CardAffordance, {
+    ml: 300
+  }) : null));
+};
+exports.CardLink = CardLink;

package/commonjs/Card/utils.js

@@ -7,13 +7,17 @@ exports.onKeyDown = exports.navigateTo = exports.SubComponentContext = void 0;
 exports.useChildContext = useChildContext;
 var _react = require("react");
 var _utils = require("../utils");
-var SubComponentContext = /*#__PURE__*/(0, _react.createContext)(
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-function () {});
+var SubComponentContext = /*#__PURE__*/(0, _react.createContext)({
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  setHasSubComponent: function setHasSubComponent() {},
+  href: '',
+  linkRef: null
+});
 exports.SubComponentContext = SubComponentContext;
 function useChildContext() {
-  var setHasSubComponent = (0, _react.useContext)(SubComponentContext);
-  setHasSubComponent(true);
+  var _useContext = (0, _react.useContext)(SubComponentContext),
+    setHasSubComponent = _useContext.setHasSubComponent;
+  setHasSubComponent && setHasSubComponent(true);
 }
 var navigateTo = function navigateTo(_ref) {
   var _ref$current, _window$open;

package/commonjs/DatePicker/DateRangePicker/DateRangePicker.js

@@ -9,27 +9,52 @@ var _react = _interopRequireWildcard(require("react"));
 var _DayPickerRangeController = _interopRequireDefault(require("react-dates/lib/components/DayPickerRangeController"));
 var _styles = require("../styles");
 var _common = require("../common");
-var _excluded = ["startDate", "endDate", "onDatesChange"];
+var _VisuallyHidden = require("../../VisuallyHidden");
+var _moment = _interopRequireDefault(require("moment"));
+var _excluded = ["startDate", "endDate", "onDatesChange", "setStatusText", "initialVisibleMonth", "numberOfMonths"];
 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 _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 _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); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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 DateRangePicker = function DateRangePicker(_ref) {
+  var _ref2, _initialVisibleMonth;
   var _ref$startDate = _ref.startDate,
     startDate = _ref$startDate === void 0 ? null : _ref$startDate,
     _ref$endDate = _ref.endDate,
     endDate = _ref$endDate === void 0 ? null : _ref$endDate,
     onDatesChange = _ref.onDatesChange,
+    _ref$setStatusText = _ref.setStatusText,
+    setStatusText = _ref$setStatusText === void 0 ? _common.DefaultSetStatusText : _ref$setStatusText,
+    initialVisibleMonth = _ref.initialVisibleMonth,
+    _ref$numberOfMonths = _ref.numberOfMonths,
+    numberOfMonths = _ref$numberOfMonths === void 0 ? 2 : _ref$numberOfMonths,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.ReactDatesCssOverrides, null), /*#__PURE__*/_react.default.createElement(_DayPickerRangeController.default, _extends({
+  var _useState = (0, _react.useState)(setStatusText((0, _common.getVisibleMonths)((0, _moment.default)((_ref2 = (_initialVisibleMonth = initialVisibleMonth === null || initialVisibleMonth === void 0 ? void 0 : initialVisibleMonth()) !== null && _initialVisibleMonth !== void 0 ? _initialVisibleMonth : startDate) !== null && _ref2 !== void 0 ? _ref2 : undefined), numberOfMonths))),
+    _useState2 = _slicedToArray(_useState, 2),
+    statusText = _useState2[0],
+    updateStatusText = _useState2[1];
+  var handleMonthClick = function handleMonthClick(month) {
+    updateStatusText(setStatusText((0, _common.getVisibleMonths)(month, numberOfMonths)));
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.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(_DayPickerRangeController.default, _extends({}, _common.commonDatePickerProps, {
     startDate: startDate,
     endDate: endDate,
     onDatesChange: onDatesChange,
-    numberOfMonths: 2,
-    initialVisibleMonth: null
-  }, _common.commonDatePickerProps, rest)));
+    numberOfMonths: numberOfMonths,
+    initialVisibleMonth: initialVisibleMonth || null,
+    onPrevMonthClick: handleMonthClick,
+    onNextMonthClick: handleMonthClick
+  }, rest)));
 };
 var _default = DateRangePicker;
 exports.default = _default;

package/commonjs/DatePicker/SingleDatePicker/SingleDatePicker.js

@@ -9,29 +9,53 @@ var _react = _interopRequireWildcard(require("react"));
 var _DayPickerSingleDateController = _interopRequireDefault(require("react-dates/lib/components/DayPickerSingleDateController"));
 var _styles = require("../styles");
 var _common = require("../common");
-var _excluded = ["onDateChange", "date", "focused", "onFocusChange"];
+var _VisuallyHidden = require("../../VisuallyHidden");
+var _moment = _interopRequireDefault(require("moment"));
+var _excluded = ["onDateChange", "setStatusText", "date", "focused", "onFocusChange", "initialVisibleMonth", "numberOfMonths"];
 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 _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 _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); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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 SingleDatePicker = function SingleDatePicker(_ref) {
   var onDateChange = _ref.onDateChange,
+    _ref$setStatusText = _ref.setStatusText,
+    setStatusText = _ref$setStatusText === void 0 ? _common.DefaultSetStatusText : _ref$setStatusText,
     _ref$date = _ref.date,
     date = _ref$date === void 0 ? null : _ref$date,
     _ref$focused = _ref.focused,
     focused = _ref$focused === void 0 ? false : _ref$focused,
     _ref$onFocusChange = _ref.onFocusChange,
     onFocusChange = _ref$onFocusChange === void 0 ? function () {} : _ref$onFocusChange,
+    initialVisibleMonth = _ref.initialVisibleMonth,
+    _ref$numberOfMonths = _ref.numberOfMonths,
+    numberOfMonths = _ref$numberOfMonths === void 0 ? 1 : _ref$numberOfMonths,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.ReactDatesCssOverrides, null), /*#__PURE__*/_react.default.createElement(_DayPickerSingleDateController.default, _extends({}, _common.commonDatePickerProps, {
+  var _useState = (0, _react.useState)(setStatusText((0, _common.getVisibleMonths)((0, _moment.default)((initialVisibleMonth === null || initialVisibleMonth === void 0 ? void 0 : initialVisibleMonth()) || date || undefined), numberOfMonths))),
+    _useState2 = _slicedToArray(_useState, 2),
+    statusText = _useState2[0],
+    updateStatusText = _useState2[1];
+  var handleMonthClick = function handleMonthClick(date) {
+    updateStatusText(setStatusText((0, _common.getVisibleMonths)(date, numberOfMonths)));
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.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: 1,
+    numberOfMonths: numberOfMonths,
     onDateChange: onDateChange,
-    initialVisibleMonth: null,
+    initialVisibleMonth: initialVisibleMonth || null,
     focused: focused,
-    onFocusChange: onFocusChange
+    onFocusChange: onFocusChange,
+    onPrevMonthClick: handleMonthClick,
+    onNextMonthClick: handleMonthClick
   }, rest)));
 };
 var _default = /*#__PURE__*/_react.default.memo(SingleDatePicker);

package/commonjs/DatePicker/common.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getVisibleMonthWithReactDatesInternalApi = exports.formatDateAsCalendarHeader = exports.formatDateAsCalendarDay = exports.commonDatePickerProps = exports.CalendarNavButton = void 0;
+exports.getVisibleMonths = exports.getVisibleMonthWithReactDatesInternalApi = exports.formatDateAsCalendarHeader = exports.formatDateAsCalendarDay = exports.commonDatePickerProps = exports.DefaultSetStatusText = exports.CalendarNavButton = void 0;
 require("react-dates/initialize");
 require("react-dates/lib/css/_datepicker.css");
 var _react = _interopRequireDefault(require("react"));
@@ -54,4 +54,20 @@ var getVisibleMonthWithReactDatesInternalApi = function getVisibleMonthWithReact
   var _container$querySelec, _container$querySelec2;
   return (_container$querySelec = (_container$querySelec2 = container.querySelector('[data-visible=true] strong')) === null || _container$querySelec2 === void 0 ? void 0 : _container$querySelec2.textContent) !== null && _container$querySelec !== void 0 ? _container$querySelec : '';
 };
-exports.getVisibleMonthWithReactDatesInternalApi = getVisibleMonthWithReactDatesInternalApi;
+
+// Receives a single Moment and returns an array of Moments, one for each currently visible month.
+exports.getVisibleMonthWithReactDatesInternalApi = getVisibleMonthWithReactDatesInternalApi;
+var getVisibleMonths = function getVisibleMonths(initialMonth, numberOfMonths) {
+  var months = [initialMonth];
+  for (var i = 1; i < numberOfMonths; i++) {
+    months.push(initialMonth.clone().add(i, 'month'));
+  }
+  return months;
+};
+
+// Default setStatusText prop for both SingleDatePicker and DateRangePicker
+exports.getVisibleMonths = getVisibleMonths;
+var DefaultSetStatusText = function DefaultSetStatusText(dates) {
+  return dates.map(formatDateAsCalendarHeader).join(', ');
+};
+exports.DefaultSetStatusText = DefaultSetStatusText;

package/commonjs/Icon/Icon.js

@@ -9,8 +9,9 @@ var React = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _IconViewBoxes = _interopRequireDefault(require("../IconViewBoxes"));
 var _Box = _interopRequireDefault(require("../Box"));
-var _PartnerLogo = _interopRequireWildcard(require("../PartnerLogo"));
+var _PartnerLogo = _interopRequireDefault(require("../PartnerLogo"));
 var _utils = require("../utils");
+var _logoNames = _interopRequireDefault(require("../logoNames"));
 var _deprecatedIcons = _interopRequireDefault(require("./deprecatedIcons"));
 var _styles = _interopRequireDefault(require("./styles"));
 var _excluded = ["name", "size", "fixedWidth", "ariaLabel", "color", "svgProps"],
@@ -31,7 +32,7 @@ var Icon = function Icon(_ref) {
     color = _ref.color,
     svgProps = _ref.svgProps,
     rest = _objectWithoutProperties(_ref, _excluded);
-  if ((0, _utils.includes)(_PartnerLogo.PartnerNames, name)) {
+  if ((0, _utils.includes)(_logoNames.default, name)) {
     // Icon's "default" size is equivalent to PartnerLogo's "small" size
     var logoSize = size === 'default' ? 'small' : size;
     var logoProps = {

package/commonjs/IconViewBoxes.js

@@ -278,6 +278,7 @@ module.exports = {
   "puzzle-piece": "0 0 18 16",
   "qr-code": "0 0 16 16",
   "queue": "0 0 16 16",
+  "quotes-solid": "0 0 18 18",
   "recommendation": "0 0 16 16",
   "reddit-alien": "0 0 16 16",
   "reddit": "0 0 16 16",

package/commonjs/IllustrationViewBoxes.js

@@ -24,6 +24,7 @@ module.exports = {
   "contact": "0 0 305 145",
   "conversation": "0 0 330 236",
   "custom-branding": "0 0 168 164",
+  "custom-post-variables": "0 0 87 57",
   "customer-service": "0 0 302 155",
   "dashboard": "0 0 337 195",
   "exclamation-mark": "0 0 219 143",

package/commonjs/LogoViewBoxes.js

@@ -3,8 +3,12 @@
 module.exports = {
   "adobe-experience-manager-dark": "0 0 16 17",
   "adobe-experience-manager": "0 0 16 17",
+  "android-dark": "0 0 18 18",
+  "android": "0 0 18 18",
   "apple-app-store-dark": "0 0 140 140",
   "apple-app-store": "0 0 140 140",
+  "apple-dark": "0 0 18 18",
+  "apple": "0 0 18 18",
   "bigcommerce-dark": "0 0 140 140",
   "bigcommerce-lockup-dark": "0 0 291 66",
   "bigcommerce-lockup": "0 0 291 66",
@@ -31,6 +35,8 @@ module.exports = {
   "facebook": "0 0 141 139",
   "feedly-dark": "0 0 141 123",
   "feedly": "0 0 141 123",
+  "github-dark": "0 0 18 18",
+  "github": "0 0 18 18",
   "glassdoor-dark": "0 0 140 196",
   "glassdoor": "0 0 140 196",
   "google-analytics-dark": "0 0 140 160",
@@ -59,8 +65,12 @@ module.exports = {
   "microsoft-dynamics": "0 0 140 227",
   "pinterest-dark": "0 0 140 141",
   "pinterest": "0 0 140 141",
+  "reddit-alien-dark": "0 0 18 18",
+  "reddit-alien": "0 0 18 18",
   "reddit-dark": "0 0 140 140",
   "reddit": "0 0 140 140",
+  "salesforce-cloud-dark": "0 0 20 18",
+  "salesforce-cloud": "0 0 20 18",
   "salesforce-dark": "0 0 140 99",
   "salesforce": "0 0 140 99",
   "shopify-dark": "0 0 140 159",
@@ -73,6 +83,10 @@ module.exports = {
   "sproutsocial-wordmark-dark": "0 0 320 52",
   "sproutsocial-wordmark": "0 0 320 52",
   "sproutsocial": "0 0 140 174",
+  "tableau-dark": "0 0 18 18",
+  "tableau-lockup-dark": "0 0 291 56",
+  "tableau-lockup": "0 0 291 56",
+  "tableau": "0 0 18 18",
   "tiktok-dark": "0 0 140 159",
   "tiktok": "0 0 140 159",
   "tripadvisor-dark": "0 0 140 140",

package/commonjs/PartnerLogo/PartnerLogo.js

@@ -1,47 +1,52 @@
 "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 = _interopRequireDefault(require("react"));
 var _styledComponents = require("styled-components");
-var logoViewBoxes = _interopRequireWildcard(require("../LogoViewBoxes"));
+var _LogoViewBoxes = _interopRequireDefault(require("../LogoViewBoxes"));
 var _styles = _interopRequireDefault(require("./styles"));
 var _excluded = ["partnerName", "backgroundType", "logoType", "height", "width", "size", "aria-label", "svgProps"];
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _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 PartnerLogo = function PartnerLogo(_ref) {
-  var partnerName = _ref.partnerName,
-    backgroundType = _ref.backgroundType,
-    _ref$logoType = _ref.logoType,
-    logoType = _ref$logoType === void 0 ? 'symbol' : _ref$logoType,
-    height = _ref.height,
-    width = _ref.width,
-    size = _ref.size,
-    ariaLabel = _ref['aria-label'],
-    svgProps = _ref.svgProps,
-    rest = _objectWithoutProperties(_ref, _excluded);
+var whichLogo = function whichLogo(_ref, mode) {
+  var backgroundType = _ref.backgroundType,
+    logoType = _ref.logoType,
+    partnerName = _ref.partnerName;
+  var logo = logoType && logoType !== 'symbol' ? partnerName + '-' + logoType : partnerName;
+  if (backgroundType && backgroundType === 'dark') {
+    return "".concat(logo, "-dark");
+  } else if (backgroundType && backgroundType === 'light') {
+    return logo;
+  } else if (mode === 'dark') {
+    return "".concat(logo, "-dark");
+  } else {
+    return logo;
+  }
+};
+var PartnerLogo = function PartnerLogo(_ref2) {
+  var partnerName = _ref2.partnerName,
+    backgroundType = _ref2.backgroundType,
+    _ref2$logoType = _ref2.logoType,
+    logoType = _ref2$logoType === void 0 ? 'symbol' : _ref2$logoType,
+    height = _ref2.height,
+    width = _ref2.width,
+    size = _ref2.size,
+    ariaLabel = _ref2['aria-label'],
+    svgProps = _ref2.svgProps,
+    rest = _objectWithoutProperties(_ref2, _excluded);
   var _useTheme = (0, _styledComponents.useTheme)(),
     mode = _useTheme.mode;
-  var whichLogo = function whichLogo(type) {
-    var logo = logoType && logoType !== 'symbol' ? partnerName + '-' + logoType : partnerName;
-    if (type && type === 'dark') {
-      return "".concat(logo, "-dark");
-    } else if (type && type === 'light') {
-      return logo;
-    } else if (mode === 'dark') {
-      return "".concat(logo, "-dark");
-    } else {
-      return logo;
-    }
-  };
-  var logoViewBox = logoViewBoxes[whichLogo(backgroundType)];
+  var logo = whichLogo({
+    backgroundType: backgroundType,
+    logoType: logoType,
+    partnerName: partnerName
+  }, mode);
+  var logoViewBox = _LogoViewBoxes.default[logo];
   var viewBoxCoordinates = (logoViewBox === null || logoViewBox === void 0 ? void 0 : logoViewBox.split(' ')) || [];
   var defaultWidth = viewBoxCoordinates[2];
   var defaultHeight = viewBoxCoordinates[3];
@@ -61,7 +66,7 @@ var PartnerLogo = function PartnerLogo(_ref) {
     "data-qa-logo-svg": "".concat(partnerName, "-svg")
   }, svgProps), /*#__PURE__*/_react.default.createElement("use", {
     xmlnsXlink: "http://www.w3.org/1999/xlink",
-    xlinkHref: "#sslogosvg-".concat(whichLogo(backgroundType))
+    xlinkHref: "#sslogosvg-".concat(logo)
   })));
 };
 var _default = PartnerLogo;

package/commonjs/PartnerLogo/PartnerLogoTypes.js

@@ -3,8 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PartnerNames = exports.PartnerLogoSizes = void 0;
-var PartnerNames = ['apple-app-store', 'bigcommerce', 'bitly', 'bynder', 'canva', 'dropbox', 'facebook', 'facebook-audience-network', 'facebook-groups', 'facebook-shops', 'feedly', 'glassdoor', 'google-analytics', 'google-business-messages', 'google-drive', 'google-my-business', 'google-play-store', 'hubspot', 'instagram', 'linkedin', 'linkedin-audience-network', 'marketo', 'messenger', 'microsoft-dynamics', 'pinterest', 'reddit', 'salesforce', 'shopify', 'slack', 'sproutsocial', 'tiktok', 'tripadvisor', 'tumblr', 'twitter', 'twitter-audience-network', 'whatsapp', 'woocommerce', 'yelp', 'youtube', 'zendesk'];
+exports.PartnerNames = exports.PartnerLogoTypes = exports.PartnerLogoSizes = void 0;
+var _logoNames = _interopRequireDefault(require("../logoNames"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * @deprecated Use PartnerLogoNames instead
+ */
+var PartnerNames = _logoNames.default;
+
+/**
+ * @deprecated Use EnumLogoNames instead
+ */
 exports.PartnerNames = PartnerNames;
 var PartnerLogoSizes = {
   mini: '12px',
@@ -13,4 +22,6 @@ var PartnerLogoSizes = {
   large: '32px',
   jumbo: '64px'
 };
-exports.PartnerLogoSizes = PartnerLogoSizes;
+exports.PartnerLogoSizes = PartnerLogoSizes;
+var PartnerLogoTypes = ['symbol', 'wordmark', 'lockup'];
+exports.PartnerLogoTypes = PartnerLogoTypes;

package/commonjs/PartnerLogo/index.flow.js

@@ -13,15 +13,4 @@ Object.keys(_PartnerLogo).forEach(function (key) {
       return _PartnerLogo[key];
     }
   });
-});
-var _TypePartnerNames = require("./TypePartnerNames.flow");
-Object.keys(_TypePartnerNames).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _TypePartnerNames[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _TypePartnerNames[key];
-    }
-  });
 });

package/commonjs/Popout/Popout.js

@@ -15,7 +15,7 @@ var _hooks = require("../utils/hooks");
 var _Portal = _interopRequireDefault(require("../Portal"));
 var _Box = _interopRequireDefault(require("../Box"));
 var _styles = require("./styles");
-var _excluded = ["isOpen", "setIsOpen", "content", "children", "placement", "fullWidth", "zIndex", "focusOnContent", "onOpen", "onClose", "qa", "popperProps", "scheduleUpdateRef", "appendToBody", "focusLockProps", "color"],
+var _excluded = ["isOpen", "setIsOpen", "content", "children", "placement", "fullWidth", "zIndex", "focusOnContent", "onOpen", "onClose", "qa", "popperProps", "scheduleUpdateRef", "appendToBody", "focusLockProps", "color", "aria-haspopup"],
   _excluded2 = ["autoFocus", "returnFocus"],
   _excluded3 = ["children"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -96,6 +96,7 @@ function Popout(_ref) {
     _ref$focusLockProps = _ref.focusLockProps,
     focusLockProps = _ref$focusLockProps === void 0 ? {} : _ref$focusLockProps,
     color = _ref.color,
+    ariaHasPopup = _ref['aria-haspopup'],
     rest = _objectWithoutProperties(_ref, _excluded);
   var PopoutComponentWrapper = appendToBody ? _Portal.default : React.Fragment;
   var _useState = (0, React.useState)(false),
@@ -194,9 +195,9 @@ function Popout(_ref) {
   var ariaProps = (0, React.useMemo)(function () {
     return {
       'aria-expanded': isShown,
-      'aria-haspopup': true
+      'aria-haspopup': ariaHasPopup ? ariaHasPopup : true
     };
-  }, [isShown]);
+  }, [isShown, ariaHasPopup]);
 
   // In cases where a controlled popout is used (e.g. props.isOpen is true), we need
   // to wait for the targetRef to receive a value before rendering the popout. Otherwise,

package/commonjs/SpotIllustration/illustrationNames.js

@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.illustrationNames = void 0;
-var illustrationNames = Object.freeze(["abacus", "analytics-offering", "asset-cards", "astronaut", "binoculars", "brand-keyword", "browser-doc", "business", "calendar-event", "calendar-reporting", "cat-error", "cat-no-access", "cat", "checkbox-alert", "coffee-cup", "competitors", "compose-window", "compose", "computer-error", "connect", "contact", "conversation", "custom-branding", "customer-service", "dashboard", "exclamation-mark", "face-happy", "find-bookmark", "flask", "general-topic", "global-features", "global-trend", "grow-large", "grow", "hands-raised", "headset", "heartbeat-connection", "instagram-links", "invoice", "jewel", "keyword-tracking", "lightbulb-alt", "lightbulb", "like-conversation", "link-broken", "link-messages", "link-sections", "link-upload", "listening-pendo", "listening-sentiment", "listening-topic-templates", "listening-tour", "listening", "loading", "mailbox-empty", "mailbox-full", "megaphone", "message", "molecule", "network-data", "no-messages-found", "no-notifications", "note", "notification", "notifications-onboarding", "notifications", "organize-message", "outbox-queue", "outbox-reviews", "pdf", "planning", "podium", "pointer", "publish-assets", "publish-links", "publishing-notifications", "publishing", "puzzle-piece", "question-mark", "reporting-folder", "reporting", "review-location", "review", "robot-assembly", "robot-error", "robot-happy", "rocket", "schedule-date", "schedule-messages", "search-keywords", "search-success", "search-trends", "search", "security", "sentiment", "shopping-bag", "spark-line", "sprout-mobile-app", "stamp", "storefront", "success", "tag-message", "tag", "team-roles", "team", "telescope", "tha-mel", "thumbs-up", "toggle-switch", "toolset-strength", "tracking-time", "twitter-messages", "twitter-profiles", "under-construction", "unsubscribe", "upward-trend", "user-task", "user-team", "variable-table", "view-connections", "vip-list", "warning", "wifi", "workflow-steps"]);
+var illustrationNames = Object.freeze(["abacus", "analytics-offering", "asset-cards", "astronaut", "binoculars", "brand-keyword", "browser-doc", "business", "calendar-event", "calendar-reporting", "cat-error", "cat-no-access", "cat", "checkbox-alert", "coffee-cup", "competitors", "compose-window", "compose", "computer-error", "connect", "contact", "conversation", "custom-branding", "custom-post-variables", "customer-service", "dashboard", "exclamation-mark", "face-happy", "find-bookmark", "flask", "general-topic", "global-features", "global-trend", "grow-large", "grow", "hands-raised", "headset", "heartbeat-connection", "instagram-links", "invoice", "jewel", "keyword-tracking", "lightbulb-alt", "lightbulb", "like-conversation", "link-broken", "link-messages", "link-sections", "link-upload", "listening-pendo", "listening-sentiment", "listening-topic-templates", "listening-tour", "listening", "loading", "mailbox-empty", "mailbox-full", "megaphone", "message", "molecule", "network-data", "no-messages-found", "no-notifications", "note", "notification", "notifications-onboarding", "notifications", "organize-message", "outbox-queue", "outbox-reviews", "pdf", "planning", "podium", "pointer", "publish-assets", "publish-links", "publishing-notifications", "publishing", "puzzle-piece", "question-mark", "reporting-folder", "reporting", "review-location", "review", "robot-assembly", "robot-error", "robot-happy", "rocket", "schedule-date", "schedule-messages", "search-keywords", "search-success", "search-trends", "search", "security", "sentiment", "shopping-bag", "spark-line", "sprout-mobile-app", "stamp", "storefront", "success", "tag-message", "tag", "team-roles", "team", "telescope", "tha-mel", "thumbs-up", "toggle-switch", "toolset-strength", "tracking-time", "twitter-messages", "twitter-profiles", "under-construction", "unsubscribe", "upward-trend", "user-task", "user-team", "variable-table", "view-connections", "vip-list", "warning", "wifi", "workflow-steps"]);
 exports.illustrationNames = illustrationNames;