@sproutsocial/racine 12.20.0 → 12.21.0

package/lib/Collapsible/index.js

@@ -1,31 +1,25 @@
 var _excluded = ["children"],
-    _excluded2 = ["children"];
-
-function _extends() { _extends = Object.assign || 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); }
-
+  _excluded2 = ["children"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import * as React from "react";
-import { useState, useRef, useContext, useEffect } from "react";
-import { CollapsingBox } from "./styles";
-import useMeasure from "use-measure";
-import Box from "../Box";
+import * as React from 'react';
+import { useState, useRef, useContext, useEffect } from 'react';
+import { CollapsingBox } from './styles';
+import useMeasure from 'use-measure';
+import Box from '../Box';
 var idCounter = 0;
 var CollapsibleContext = /*#__PURE__*/React.createContext({});
-
 var Collapsible = function Collapsible(_ref) {
   var children = _ref.children,
-      _ref$isOpen = _ref.isOpen,
-      isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
-      _ref$offset = _ref.offset,
-      offset = _ref$offset === void 0 ? 0 : _ref$offset,
-      _ref$collapsedHeight = _ref.collapsedHeight,
-      collapsedHeight = _ref$collapsedHeight === void 0 ? 0 : _ref$collapsedHeight,
-      openHeight = _ref.openHeight;
-
+    _ref$isOpen = _ref.isOpen,
+    isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+    _ref$offset = _ref.offset,
+    offset = _ref$offset === void 0 ? 0 : _ref$offset,
+    _ref$collapsedHeight = _ref.collapsedHeight,
+    collapsedHeight = _ref$collapsedHeight === void 0 ? 0 : _ref$collapsedHeight,
+    openHeight = _ref.openHeight;
   var _useState = useState("Racine-collapsible-" + idCounter++),
-      id = _useState[0];
-
+    id = _useState[0];
   return /*#__PURE__*/React.createElement(CollapsibleContext.Provider, {
     value: {
       isOpen: isOpen,
@@ -36,54 +30,47 @@ var Collapsible = function Collapsible(_ref) {
     }
   }, children);
 };
-
 var determineMaxHeight = function determineMaxHeight(isHidden, openHeight, computedHeight) {
   // If isHidden is undefined this is the first render.  Return undefined so the max-height prop is not added
   // This is a hack to prevent css from animating if it begins in the open state
   // css animates when attribute values change (IE from 0 to another number)
   // css does not animate when simply adding an attribute to an HTML element
-  if (isHidden === undefined) return undefined; // If the user has defined an explicit open height, return that as the max height
+  if (isHidden === undefined) return undefined;
 
-  if (!!openHeight) return openHeight; // Otherwise, fallback to the computed height
+  // If the user has defined an explicit open height, return that as the max height
+  if (!!openHeight) return openHeight;
 
+  // Otherwise, fallback to the computed height
   return computedHeight;
 };
-
 var Trigger = function Trigger(_ref2) {
   var children = _ref2.children,
-      rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
-
+    rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
   var _useContext = useContext(CollapsibleContext),
-      isOpen = _useContext.isOpen,
-      id = _useContext.id;
-
+    isOpen = _useContext.isOpen,
+    id = _useContext.id;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.cloneElement(children, _extends({
-    "aria-controls": id,
-    "aria-expanded": !!isOpen
+    'aria-controls': id,
+    'aria-expanded': !!isOpen
   }, rest)));
 };
-
 var Panel = function Panel(_ref3) {
   var children = _ref3.children,
-      rest = _objectWithoutPropertiesLoose(_ref3, _excluded2);
-
+    rest = _objectWithoutPropertiesLoose(_ref3, _excluded2);
   var _useContext2 = useContext(CollapsibleContext),
-      isOpen = _useContext2.isOpen,
-      id = _useContext2.id,
-      offset = _useContext2.offset,
-      collapsedHeight = _useContext2.collapsedHeight,
-      openHeight = _useContext2.openHeight;
-
+    isOpen = _useContext2.isOpen,
+    id = _useContext2.id,
+    offset = _useContext2.offset,
+    collapsedHeight = _useContext2.collapsedHeight,
+    openHeight = _useContext2.openHeight;
   var ref = useRef();
   var measurement = useMeasure(ref);
-
   var _useState2 = useState(undefined),
-      isHidden = _useState2[0],
-      setIsHidden = _useState2[1];
-
+    isHidden = _useState2[0],
+    setIsHidden = _useState2[1];
   var maxHeight = determineMaxHeight(isHidden, openHeight, measurement.height + offset);
-  /* We use the "hidden" attribute to remove the contents of the panel from the tab order of the page, but it fucks with the animation. This logic sets a slight timeout on setting the prop so that the animation has time to complete before the attribute is set. */
 
+  /* We use the "hidden" attribute to remove the contents of the panel from the tab order of the page, but it fucks with the animation. This logic sets a slight timeout on setting the prop so that the animation has time to complete before the attribute is set. */
   useEffect(function () {
     if (!isOpen) {
       var timeoutID = setTimeout(function () {
@@ -100,7 +87,6 @@ var Panel = function Panel(_ref3) {
       var _timeoutID = setTimeout(function () {
         return setIsHidden(!isOpen);
       }, 0);
-
       return function () {
         return clearTimeout(_timeoutID);
       };
@@ -111,7 +97,7 @@ var Panel = function Panel(_ref3) {
     scrollable: isOpen,
     maxHeight: isOpen ? maxHeight : collapsedHeight,
     minHeight: collapsedHeight,
-    "data-qa-collapsible": "",
+    "data-qa-collapsible": '',
     "data-qa-collapsible-isopen": isOpen === true
   }, rest), /*#__PURE__*/React.createElement(Box, {
     width: "100%",
@@ -121,9 +107,8 @@ var Panel = function Panel(_ref3) {
     ref: ref
   }, children));
 };
-
 Collapsible.Trigger = Trigger;
 Collapsible.Panel = Panel;
-Collapsible.Trigger.displayName = "Collapsible.Trigger";
-Collapsible.Panel.displayName = "Collapsible.Panel";
+Collapsible.Trigger.displayName = 'Collapsible.Trigger';
+Collapsible.Panel.displayName = 'Collapsible.Panel';
 export default Collapsible;

package/lib/Collapsible/styles.js

@@ -1,5 +1,6 @@
-import styled from "styled-components";
-import Box from "../Box";
+
+import styled from 'styled-components';
+import Box from '../Box';
 export var CollapsingBox = styled(Box).withConfig({
   displayName: "styles__CollapsingBox",
   componentId: "sc-1xvfbl7-0"
@@ -9,7 +10,7 @@ export var CollapsingBox = styled(Box).withConfig({
   return p.theme.easing.ease_inout;
 }, function (_ref) {
   var hasShadow = _ref.hasShadow,
-      theme = _ref.theme,
-      scrollable = _ref.scrollable;
-  return hasShadow ? "background:  /* Shadow covers */ linear-gradient(\n        transparent 30%,\n        rgba(255, 255, 255, 0)\n      ),\n      linear-gradient(rgba(255, 255, 255, 0), transparent 70%) 0 100%,\n      /* Shadows */\n        radial-gradient(\n          farthest-side at 50% 0,\n          rgb(39 51 51 / 5%),\n          rgba(0, 0, 0, 0)\n        ),\n      radial-gradient(\n          farthest-side at 50% 100%,\n          rgb(39 51 51 / 5%),\n          rgba(0, 0, 0, 0)\n        )\n        0 100%;\n    background-repeat: no-repeat;\n    background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;\n    background-attachment: local, local, scroll, scroll;\n    " + (scrollable ? "overflow: auto" : "overflow: hidden") + ";" : "";
+    theme = _ref.theme,
+    scrollable = _ref.scrollable;
+  return hasShadow ? "background:  /* Shadow covers */ linear-gradient(\n        transparent 30%,\n        rgba(255, 255, 255, 0)\n      ),\n      linear-gradient(rgba(255, 255, 255, 0), transparent 70%) 0 100%,\n      /* Shadows */\n        radial-gradient(\n          farthest-side at 50% 0,\n          rgb(39 51 51 / 5%),\n          rgba(0, 0, 0, 0)\n        ),\n      radial-gradient(\n          farthest-side at 50% 100%,\n          rgb(39 51 51 / 5%),\n          rgba(0, 0, 0, 0)\n        )\n        0 100%;\n    background-repeat: no-repeat;\n    background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;\n    background-attachment: local, local, scroll, scroll;\n    " + (scrollable ? "overflow: auto" : "overflow: hidden") + ";" : '';
 });

package/lib/DatePicker/DateRangePicker.js

@@ -1,20 +1,15 @@
 var _excluded = ["startDate", "endDate", "onDatesChange"];
-
-function _extends() { _extends = Object.assign || 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 _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 _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import React, { Fragment } from "react";
-import DayPickerRangeController from "react-dates/lib/components/DayPickerRangeController";
-import { ReactDatesCssOverrides } from "./styles";
-import { commonDatePickerProps } from "./common";
-
+import React, { Fragment } from 'react';
+import DayPickerRangeController from 'react-dates/lib/components/DayPickerRangeController';
+import { ReactDatesCssOverrides } from './styles';
+import { commonDatePickerProps } from './common';
 var DateRangePicker = function DateRangePicker(_ref) {
   var startDate = _ref.startDate,
-      endDate = _ref.endDate,
-      onDatesChange = _ref.onDatesChange,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    endDate = _ref.endDate,
+    onDatesChange = _ref.onDatesChange,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(ReactDatesCssOverrides, null), /*#__PURE__*/React.createElement(DayPickerRangeController, _extends({
     startDate: startDate,
     endDate: endDate,
@@ -22,5 +17,4 @@ var DateRangePicker = function DateRangePicker(_ref) {
     numberOfMonths: 2
   }, commonDatePickerProps, rest)));
 };
-
 export default DateRangePicker;

package/lib/DatePicker/SingleDatePicker.js

@@ -1,24 +1,18 @@
 var _excluded = ["onDateChange", "date"];
-
-function _extends() { _extends = Object.assign || 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 _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 _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import React, { Fragment } from "react";
-import DayPickerSingleDateController from "react-dates/lib/components/DayPickerSingleDateController";
-import { ReactDatesCssOverrides } from "./styles";
-import { commonDatePickerProps } from "./common";
-
+import React, { Fragment } from 'react';
+import DayPickerSingleDateController from 'react-dates/lib/components/DayPickerSingleDateController';
+import { ReactDatesCssOverrides } from './styles';
+import { commonDatePickerProps } from './common';
 var SingleDatePicker = function SingleDatePicker(_ref) {
   var onDateChange = _ref.onDateChange,
-      date = _ref.date,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    date = _ref.date,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(ReactDatesCssOverrides, null), /*#__PURE__*/React.createElement(DayPickerSingleDateController, _extends({
     date: date,
     numberOfMonths: 1,
     onDateChange: onDateChange
   }, commonDatePickerProps, rest)));
 };
-
 export default /*#__PURE__*/React.memo(SingleDatePicker);

package/lib/DatePicker/StatefulDateRangePicker.js

@@ -1,49 +1,42 @@
 var _excluded = ["startDate", "endDate", "onDatesChange", "onFocusChange"];
-
-function _extends() { _extends = Object.assign || 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 _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 _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import React, { useState } from "react";
-import { START_DATE } from "react-dates/constants";
-import DateRangePicker from "./DateRangePicker";
+import React, { useState } from 'react';
+import { START_DATE } from 'react-dates/constants';
+import DateRangePicker from './DateRangePicker';
 export var StatefulDateRangePicker = function StatefulDateRangePicker(_ref) {
   var startDate = _ref.startDate,
-      endDate = _ref.endDate,
-      onDatesChange = _ref.onDatesChange,
-      onFocusChange = _ref.onFocusChange,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    endDate = _ref.endDate,
+    onDatesChange = _ref.onDatesChange,
+    onFocusChange = _ref.onFocusChange,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var _useState = useState({
-    startDate: startDate,
-    endDate: endDate
-  }),
-      dates = _useState[0],
-      setDate = _useState[1];
-
+      startDate: startDate,
+      endDate: endDate
+    }),
+    dates = _useState[0],
+    setDate = _useState[1];
   var _React$useState = React.useState(START_DATE),
-      focusedInput = _React$useState[0],
-      setFocusedInput = _React$useState[1];
-
+    focusedInput = _React$useState[0],
+    setFocusedInput = _React$useState[1];
   var handleDatesChange = function handleDatesChange(nextDates) {
     onDatesChange && onDatesChange(nextDates);
     setDate(nextDates);
   };
-
   var handleFocusChange = function handleFocusChange(nextFocusedInput) {
     onFocusChange && onFocusChange(nextFocusedInput);
-    setFocusedInput( // null means that we've selected an end date. we want to go back to START_DATE
+    setFocusedInput(
+    // null means that we've selected an end date. we want to go back to START_DATE
     // so the user can modify their selection. if focusedInput === null then it won't
     // respond to click or keyboard events
     nextFocusedInput === null ? START_DATE : nextFocusedInput);
   };
-
   return /*#__PURE__*/React.createElement(DateRangePicker, _extends({
     startDate: dates.startDate,
     endDate: dates.endDate,
     focusedInput: focusedInput,
     onDatesChange: handleDatesChange,
-    onFocusChange: handleFocusChange // $FlowIssue
-
+    onFocusChange: handleFocusChange
+    // $FlowIssue
   }, rest));
 };

package/lib/DatePicker/StatefulSingleDatePicker.js

@@ -1,28 +1,22 @@
 var _excluded = ["date", "onDateChange"];
-
-function _extends() { _extends = Object.assign || 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 _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 _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import React, { useState } from "react";
-import SingleDatePicker from "./SingleDatePicker";
+import React, { useState } from 'react';
+import SingleDatePicker from './SingleDatePicker';
 export var StatefulSingleDatePicker = function StatefulSingleDatePicker(_ref) {
   var date = _ref.date,
-      onDateChange = _ref.onDateChange,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    onDateChange = _ref.onDateChange,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var _useState = useState(date),
-      stateDate = _useState[0],
-      setDate = _useState[1];
-
+    stateDate = _useState[0],
+    setDate = _useState[1];
   var handleDateChange = function handleDateChange(date) {
     onDateChange && onDateChange(date);
     setDate(date);
   };
-
   return /*#__PURE__*/React.createElement(SingleDatePicker, _extends({
     date: stateDate,
-    onDateChange: handleDateChange // $FlowIssue
-
+    onDateChange: handleDateChange
+    // $FlowIssue
   }, rest));
 };

package/lib/DatePicker/common.js

@@ -1,11 +1,12 @@
-import "react-dates/initialize";
-import React from "react";
-import Icon from "../Icon";
-import { CalendarDay } from "./styles";
-import "react-dates/lib/css/_datepicker.css";
+
+import 'react-dates/initialize';
+import React from 'react';
+import Icon from '../Icon';
+import { CalendarDay } from './styles';
+import 'react-dates/lib/css/_datepicker.css';
 var iconNames = {
-  left: "arrow-left",
-  right: "arrow-right"
+  left: 'arrow-left',
+  right: 'arrow-right'
 };
 export var CalendarNavButton = function CalendarNavButton(_ref) {
   var type = _ref.type;
@@ -27,18 +28,18 @@ export var commonDatePickerProps = {
     return /*#__PURE__*/React.createElement(CalendarDay, {
       day: day,
       modifiers: modifiers
-    }, day.format("D"));
+    }, day.format('D'));
   }
-}; // Testing utilities
+};
 
+// Testing utilities
 export var formatDateAsCalendarHeader = function formatDateAsCalendarHeader(date) {
-  return date.format("MMMM YYYY");
+  return date.format('MMMM YYYY');
 };
 export var formatDateAsCalendarDay = function formatDateAsCalendarDay(date) {
-  return date.format("dddd, MMMM D, YYYY");
+  return date.format('dddd, MMMM D, YYYY');
 };
 export var getVisibleMonthWithReactDatesInternalApi = function getVisibleMonthWithReactDatesInternalApi(container) {
   var _container$querySelec, _container$querySelec2;
-
-  return (_container$querySelec = (_container$querySelec2 = container.querySelector("[data-visible=true] strong")) == null ? void 0 : _container$querySelec2.textContent) != null ? _container$querySelec : "";
+  return (_container$querySelec = (_container$querySelec2 = container.querySelector('[data-visible=true] strong')) == null ? void 0 : _container$querySelec2.textContent) != null ? _container$querySelec : '';
 };

package/lib/DatePicker/index.js

@@ -1,3 +1,3 @@
-import SingleDatePicker from "./SingleDatePicker";
-import DateRangePicker from "./DateRangePicker";
+import SingleDatePicker from './SingleDatePicker';
+import DateRangePicker from './DateRangePicker';
 export { SingleDatePicker, DateRangePicker };

package/lib/DatePicker/styles.js

@@ -1,8 +1,8 @@
-import styled, { createGlobalStyle, css } from "styled-components";
-import moment from "moment";
-import Box from "../Box";
-import { disabled } from "../utils/mixins";
 
+import styled, { createGlobalStyle, css } from 'styled-components';
+import moment from 'moment';
+import Box from '../Box';
+import { disabled } from '../utils/mixins';
 /*
  * Partial list of modifiers given to renderDayContents by airbnb/react-dates. There may be more.
  *
@@ -14,54 +14,44 @@ import { disabled } from "../utils/mixins";
  * selected-end-no-selected-start
  *
  */
+
 var isSelected = function isSelected(modifiers) {
-  return modifiers.has("selected-span") || modifiers.has("selected") || modifiers.has("selected-start") || modifiers.has("selected-end") || modifiers.has("hovered-span") || modifiers.has("after-hovered-start");
+  return modifiers.has('selected-span') || modifiers.has('selected') || modifiers.has('selected-start') || modifiers.has('selected-end') || modifiers.has('hovered-span') || modifiers.has('after-hovered-start');
 };
-
 var isOutOfRange = function isOutOfRange(modifiers) {
-  return modifiers.has("blocked-out-of-range");
+  return modifiers.has('blocked-out-of-range');
 };
-
 var isHoveredAndInRange = function isHoveredAndInRange(modifiers) {
-  return modifiers.has("hovered") && !modifiers.has("blocked-out-of-range");
+  return modifiers.has('hovered') && !modifiers.has('blocked-out-of-range');
 };
-
 var shouldHaveLeftPill = function shouldHaveLeftPill(modifiers, day) {
   if (!isSelected(modifiers)) {
     return false;
   }
-
-  if (modifiers.has("selected") || modifiers.has("selected-start") || modifiers.has("first-day-of-week") || day.isSame(moment(day).startOf("month"), "day")) {
+  if (modifiers.has('selected') || modifiers.has('selected-start') || modifiers.has('first-day-of-week') || day.isSame(moment(day).startOf('month'), 'day')) {
     return true;
   }
-
   return false;
 };
-
 var shouldHaveRightPill = function shouldHaveRightPill(modifiers, day) {
   if (!isSelected(modifiers)) {
     return false;
   }
-
-  if (modifiers.has("selected") || modifiers.has("selected-end") || modifiers.has("last-day-of-week") || day.isSame(moment(day).endOf("month"), "day")) {
+  if (modifiers.has('selected') || modifiers.has('selected-end') || modifiers.has('last-day-of-week') || day.isSame(moment(day).endOf('month'), 'day')) {
     return true;
   }
-
   return false;
 };
-
 export var CalendarDay = styled(Box).withConfig({
   displayName: "styles__CalendarDay",
   componentId: "sc-fso9yi-0"
 })(["", ";"], function (_ref) {
   var modifiers = _ref.modifiers,
-      day = _ref.day,
-      theme = _ref.theme;
-
+    day = _ref.day,
+    theme = _ref.theme;
   if (isSelected(modifiers)) {
     return css(["background-color:", ";color:", ";margin-left:", ";margin-right:", ";border-top-left-radius:", ";border-bottom-left-radius:", ";border-top-right-radius:", ";border-bottom-right-radius:", ";"], theme.colors.container.background.selected, theme.colors.text.inverse, shouldHaveLeftPill(modifiers, day) && theme.space[200], shouldHaveRightPill(modifiers, day) && theme.space[200], shouldHaveLeftPill(modifiers, day) && theme.radii.pill, shouldHaveLeftPill(modifiers, day) && theme.radii.pill, shouldHaveRightPill(modifiers, day) && theme.radii.pill, shouldHaveRightPill(modifiers, day) && theme.radii.pill);
   }
-
   if (isHoveredAndInRange(modifiers)) {
     return css(["margin:0 ", ";border-radius:", ";border:1px solid ", ";"], theme.space[200], theme.radii.pill, theme.colors.container.border.selected);
   } else if (isOutOfRange(modifiers)) {

package/lib/Drawer/SlideTransition.js

@@ -1,24 +1,21 @@
 var _excluded = ["isVisible", "children", "width", "direction"];
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import * as React from "react";
-import { useTransition } from "react-spring";
-import { MOTION_DURATION_MEDIUM } from "@sproutsocial/seeds-motion/dist/seeds-motion-unitless";
+import * as React from 'react';
+import { useTransition } from 'react-spring';
+import { MOTION_DURATION_MEDIUM } from '@sproutsocial/seeds-motion/dist/seeds-motion-unitless';
 export var SlideTransition = function SlideTransition(_ref) {
   var isVisible = _ref.isVisible,
-      children = _ref.children,
-      width = _ref.width,
-      direction = _ref.direction,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  var offset = width * (direction === "left" ? -1 : 1);
+    children = _ref.children,
+    width = _ref.width,
+    direction = _ref.direction,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var offset = width * (direction === 'left' ? -1 : 1);
   var transitions = useTransition(isVisible, null, {
     from: {
       transform: "translateX(" + offset + "px)"
     },
     enter: {
-      transform: "translateX(0)"
+      transform: 'translateX(0)'
     },
     leave: {
       transform: "translateX(" + offset + "px)"
@@ -29,8 +26,8 @@ export var SlideTransition = function SlideTransition(_ref) {
   });
   return transitions.map(function (_ref2) {
     var key = _ref2.key,
-        item = _ref2.item,
-        props = _ref2.props;
+      item = _ref2.item,
+      props = _ref2.props;
     return children({
       key: key,
       isVisible: item,