@sproutsocial/racine 12.19.0 → 12.21.0

package/lib/Checkbox/styles.js

@@ -1,15 +1,15 @@
-import styled, { css } from "styled-components";
-import { COMMON } from "../utils/system-props";
-import { focusRing, pill } from "../utils/mixins";
-import Box from "../Box";
-import Icon from "../Icon";
-import Text from "../Text";
+
+import styled, { css } from 'styled-components';
+import { COMMON } from '../utils/system-props';
+import { focusRing, pill } from '../utils/mixins';
+import Box from '../Box';
+import Icon from '../Icon';
+import Text from '../Text';
 var Container = styled.span.withConfig({
   displayName: "styles__Container",
   componentId: "sc-59uw8o-0"
 })(["display:inline-flex;align-items:center;box-sizing:border-box;", ""], COMMON);
-Container.displayName = "Checkbox"; // eslint-disable-next-line prettier/prettier
-
+Container.displayName = 'Checkbox';
 export var InputWrapper = styled(Box).withConfig({
   displayName: "styles__InputWrapper",
   componentId: "sc-59uw8o-1"
@@ -18,13 +18,13 @@ export var InputWrapper = styled(Box).withConfig({
 }, function (props) {
   return props.theme.space[400];
 }, function (props) {
-  return props.appearance === "pill" && css(["background-color:transparent;transition:all ", " ", ";mix-blend-mode:", ";", " &:hover{background-color:", ";}", "{", "}"], function (props) {
+  return props.appearance === 'pill' && css(["background-color:transparent;transition:all ", " ", ";mix-blend-mode:", ";", " &:hover{background-color:", ";}", "{", "}"], function (props) {
     return props.theme.duration.fast;
   }, function (props) {
     return props.theme.easing.ease_inout;
-  }, props.theme.mode === "dark" ? "screen" : "multiply", pill, props.theme.colors.app.background.base, PillInput, pill);
+  }, props.theme.mode === 'dark' ? 'screen' : 'multiply', pill, props.theme.colors.app.background.base, PillInput, pill);
 });
-InputWrapper.displayName = "InputWrapper";
+InputWrapper.displayName = 'InputWrapper';
 export var CheckboxBox = styled.div.withConfig({
   displayName: "styles__CheckboxBox",
   componentId: "sc-59uw8o-2"
@@ -45,7 +45,7 @@ export var CheckboxBox = styled.div.withConfig({
 }, function (props) {
   return props.theme.easing.ease_in;
 });
-CheckboxBox.displayName = "CheckboxBox";
+CheckboxBox.displayName = 'CheckboxBox';
 export var CheckIcon = styled(Icon).withConfig({
   displayName: "styles__CheckIcon",
   componentId: "sc-59uw8o-3"
@@ -54,12 +54,12 @@ export var CheckIcon = styled(Icon).withConfig({
 }, function (props) {
   return props.theme.easing.ease_inout;
 });
-CheckIcon.displayName = "CheckIcon";
+CheckIcon.displayName = 'CheckIcon';
 export var PillInput = styled.input.withConfig({
   displayName: "styles__PillInput",
   componentId: "sc-59uw8o-4"
 })(["position:absolute;top:0;left:0;width:100%;height:100%;margin:0;appearance:none;cursor:", ";border-radius:4px;&::-ms-check{display:none;}&:focus{", "}", " ", " ", ""], function (props) {
-  return props.disabled ? "not-allowed" : "pointer";
+  return props.disabled ? 'not-allowed' : 'pointer';
 }, focusRing, function (props) {
   return !props.checked && css(["&:hover,&:focus{~ ", " ", "{opacity:", ";color:", ";}}"], CheckboxBox, CheckIcon, function (props) {
     return props.disabled ? 0 : 1;
@@ -69,7 +69,7 @@ export var PillInput = styled.input.withConfig({
 }, function (props) {
   return props.disabled && css(["~ ", "{opacity:0.4;}~ ", " ", "{opacity:", ";}"], CheckboxBox, CheckboxBox, CheckIcon, props.checked ? 1 : 0);
 });
-PillInput.displayName = "PillInput";
+PillInput.displayName = 'PillInput';
 export var LabelText = styled(Text).withConfig({
   displayName: "styles__LabelText",
   componentId: "sc-59uw8o-5"
@@ -78,33 +78,28 @@ export var LabelText = styled(Text).withConfig({
 }, function (props) {
   return props.theme.typography[200].fontSize;
 }, function (props) {
-  return props.disabled ? "not-allowed" : "pointer";
+  return props.disabled ? 'not-allowed' : 'pointer';
 }, function (props) {
   return props.theme.colors.text.headline;
 }, function (props) {
   return props.disabled && css(["opacity:0.4;"]);
 });
-LabelText.displayName = "LabelText";
-
+LabelText.displayName = 'LabelText';
 var checkSVG = function checkSVG(color) {
   return "<svg width='14' height='14' xmlns='http://www.w3.org/2000/svg'><path d='M5.378 11.37L2 7.59l1.438-1.286L5.374 8.47l5.185-5.84L12 3.91l-6.622 7.46' fill='" + color + "'/></svg>";
 };
-
 var indeterminateSVG = function indeterminateSVG(color) {
   return "<svg width='14' height='14' xmlns='http://www.w3.org/2000/svg'><rect width='10' height='2' x='2' y='6' rx='1' ry='1' fill='" + color + "'/></svg>";
 };
-
 var getIcon = function getIcon(type, color) {
-  var escapedColor = color.replace("#", "%23");
-  var icon = type === "indeterminate" ? indeterminateSVG(escapedColor) : checkSVG(escapedColor);
+  var escapedColor = color.replace('#', '%23');
+  var icon = type === 'indeterminate' ? indeterminateSVG(escapedColor) : checkSVG(escapedColor);
   return icon;
-}; // eslint-disable-next-line prettier/prettier
-
-
+};
 export var CheckboxContainer = styled.span.withConfig({
   displayName: "styles__CheckboxContainer",
   componentId: "sc-59uw8o-6"
 })(function (props) {
-  return css(["display:inline-flex;align-items:center;box-sizing:border-box;position:relative;transition:all ", " ", ";@supports (-webkit-appearance:none){&:before{content:url(\"data:image/svg+xml;utf8,", "\");opacity:", ";position:absolute;width:", ";height:", ";text-align:center;transform:translateY(1px);line-height:1;margin:auto;pointer-events:none;transition:", " ", ";}&:hover:before{opacity:", ";}", " input[type='checkbox']{box-sizing:border-box;appearance:none;margin:0;padding:0;width:", ";height:", ";border:1px solid ", ";border-radius:4px;background-color:", ";transition:all ", " ", ";cursor:", ";flex-shrink:0;&:not(:checked){", "}&:checked{border-color:", ";background-color:", ";}", " &:focus{", "}}}", ""], props.theme.duration.fast, props.theme.easing.ease_in, getIcon(props.indeterminate ? "indeterminate" : "check", props.checked ? props.theme.colors.form.background.base : props.theme.colors.form.border.base), props.checked ? 1 : 0, props.theme.space[400], props.theme.space[400], props.theme.duration.fast, props.theme.easing.ease_inout, props.disabled && !props.checked ? 0 : 1, props.disabled && css(["opacity:0.4;"]), props.theme.space[400], props.theme.space[400], props.theme.colors.form.border.base, props.theme.colors.form.background.base, props.theme.duration.fast, props.theme.easing.ease_in, props.disabled ? "not-allowed" : "pointer", !props.indeterminate && css(["border-color:", " !important;background-color:", ";"], props.theme.colors.neutral[300], props.theme.colors.form.background.base), props.theme.colors.form.border.selected, props.theme.colors.form.background.selected, props.indeterminate && props.checked && css(["border-color:", " !important;background-color:", " !important;"], props.theme.colors.form.border.selected, props.theme.colors.form.background.selected), focusRing, COMMON);
+  return css(["display:inline-flex;align-items:center;box-sizing:border-box;position:relative;transition:all ", " ", ";@supports (-webkit-appearance:none){&:before{content:url('data:image/svg+xml;utf8,", "');opacity:", ";position:absolute;width:", ";height:", ";text-align:center;transform:translateY(1px);line-height:1;margin:auto;pointer-events:none;transition:", " ", ";}&:hover:before{opacity:", ";}", " input[type='checkbox']{box-sizing:border-box;appearance:none;margin:0;padding:0;width:", ";height:", ";border:1px solid ", ";border-radius:4px;background-color:", ";transition:all ", " ", ";cursor:", ";flex-shrink:0;&:not(:checked){", "}&:checked{border-color:", ";background-color:", ";}", " &:focus{", "}}}", ""], props.theme.duration.fast, props.theme.easing.ease_in, getIcon(props.indeterminate ? 'indeterminate' : 'check', props.checked ? props.theme.colors.form.background.base : props.theme.colors.form.border.base), props.checked ? 1 : 0, props.theme.space[400], props.theme.space[400], props.theme.duration.fast, props.theme.easing.ease_inout, props.disabled && !props.checked ? 0 : 1, props.disabled && css(["opacity:0.4;"]), props.theme.space[400], props.theme.space[400], props.theme.colors.form.border.base, props.theme.colors.form.background.base, props.theme.duration.fast, props.theme.easing.ease_in, props.disabled ? 'not-allowed' : 'pointer', !props.indeterminate && css(["border-color:", " !important;background-color:", ";"], props.theme.colors.neutral[300], props.theme.colors.form.background.base), props.theme.colors.form.border.selected, props.theme.colors.form.background.selected, props.indeterminate && props.checked && css(["border-color:", " !important;background-color:", " !important;"], props.theme.colors.form.border.selected, props.theme.colors.form.background.selected), focusRing, COMMON);
 });
 export default Container;

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)) {