@sproutsocial/racine 12.19.0 → 12.21.0

package/commonjs/Checkbox/styles.js

@@ -2,32 +2,21 @@
 
 exports.__esModule = true;
 exports.default = exports.PillInput = exports.LabelText = exports.InputWrapper = exports.CheckboxContainer = exports.CheckboxBox = exports.CheckIcon = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _systemProps = require("../utils/system-props");
-
 var _mixins = require("../utils/mixins");
-
 var _Box = _interopRequireDefault(require("../Box"));
-
 var _Icon = _interopRequireDefault(require("../Icon"));
-
 var _Text = _interopRequireDefault(require("../Text"));
-
 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; }
 
 var Container = _styledComponents.default.span.withConfig({
   displayName: "styles__Container",
   componentId: "sc-59uw8o-0"
 })(["display:inline-flex;align-items:center;box-sizing:border-box;", ""], _systemProps.COMMON);
-
-Container.displayName = "Checkbox"; // eslint-disable-next-line prettier/prettier
-
+Container.displayName = 'Checkbox';
 var InputWrapper = (0, _styledComponents.default)(_Box.default).withConfig({
   displayName: "styles__InputWrapper",
   componentId: "sc-59uw8o-1"
@@ -36,15 +25,14 @@ var InputWrapper = (0, _styledComponents.default)(_Box.default).withConfig({
 }, function (props) {
   return props.theme.space[400];
 }, function (props) {
-  return props.appearance === "pill" && (0, _styledComponents.css)(["background-color:transparent;transition:all ", " ", ";mix-blend-mode:", ";", " &:hover{background-color:", ";}", "{", "}"], function (props) {
+  return props.appearance === 'pill' && (0, _styledComponents.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", _mixins.pill, props.theme.colors.app.background.base, PillInput, _mixins.pill);
+  }, props.theme.mode === 'dark' ? 'screen' : 'multiply', _mixins.pill, props.theme.colors.app.background.base, PillInput, _mixins.pill);
 });
 exports.InputWrapper = InputWrapper;
-InputWrapper.displayName = "InputWrapper";
-
+InputWrapper.displayName = 'InputWrapper';
 var CheckboxBox = _styledComponents.default.div.withConfig({
   displayName: "styles__CheckboxBox",
   componentId: "sc-59uw8o-2"
@@ -65,9 +53,8 @@ var CheckboxBox = _styledComponents.default.div.withConfig({
 }, function (props) {
   return props.theme.easing.ease_in;
 });
-
 exports.CheckboxBox = CheckboxBox;
-CheckboxBox.displayName = "CheckboxBox";
+CheckboxBox.displayName = 'CheckboxBox';
 var CheckIcon = (0, _styledComponents.default)(_Icon.default).withConfig({
   displayName: "styles__CheckIcon",
   componentId: "sc-59uw8o-3"
@@ -77,13 +64,12 @@ var CheckIcon = (0, _styledComponents.default)(_Icon.default).withConfig({
   return props.theme.easing.ease_inout;
 });
 exports.CheckIcon = CheckIcon;
-CheckIcon.displayName = "CheckIcon";
-
+CheckIcon.displayName = 'CheckIcon';
 var PillInput = _styledComponents.default.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';
 }, _mixins.focusRing, function (props) {
   return !props.checked && (0, _styledComponents.css)(["&:hover,&:focus{~ ", " ", "{opacity:", ";color:", ";}}"], CheckboxBox, CheckIcon, function (props) {
     return props.disabled ? 0 : 1;
@@ -93,9 +79,8 @@ var PillInput = _styledComponents.default.input.withConfig({
 }, function (props) {
   return props.disabled && (0, _styledComponents.css)(["~ ", "{opacity:0.4;}~ ", " ", "{opacity:", ";}"], CheckboxBox, CheckboxBox, CheckIcon, props.checked ? 1 : 0);
 });
-
 exports.PillInput = PillInput;
-PillInput.displayName = "PillInput";
+PillInput.displayName = 'PillInput';
 var LabelText = (0, _styledComponents.default)(_Text.default).withConfig({
   displayName: "styles__LabelText",
   componentId: "sc-59uw8o-5"
@@ -104,37 +89,31 @@ var LabelText = (0, _styledComponents.default)(_Text.default).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 && (0, _styledComponents.css)(["opacity:0.4;"]);
 });
 exports.LabelText = LabelText;
-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
-
-
+};
 var CheckboxContainer = _styledComponents.default.span.withConfig({
   displayName: "styles__CheckboxContainer",
   componentId: "sc-59uw8o-6"
 })(function (props) {
-  return (0, _styledComponents.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 && (0, _styledComponents.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 && (0, _styledComponents.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 && (0, _styledComponents.css)(["border-color:", " !important;background-color:", " !important;"], props.theme.colors.form.border.selected, props.theme.colors.form.background.selected), _mixins.focusRing, _systemProps.COMMON);
+  return (0, _styledComponents.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 && (0, _styledComponents.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 && (0, _styledComponents.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 && (0, _styledComponents.css)(["border-color:", " !important;background-color:", " !important;"], props.theme.colors.form.border.selected, props.theme.colors.form.background.selected), _mixins.focusRing, _systemProps.COMMON);
 });
-
 exports.CheckboxContainer = CheckboxContainer;
 var _default = Container;
 exports.default = _default;

package/commonjs/Collapsible/index.js

@@ -2,44 +2,30 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _styles = require("./styles");
-
 var _useMeasure = _interopRequireDefault(require("use-measure"));
-
 var _Box = _interopRequireDefault(require("../Box"));
-
 var _excluded = ["children"],
-    _excluded2 = ["children"];
-
+  _excluded2 = ["children"];
 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 || 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; }
-
 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 = (0, React.useState)("Racine-collapsible-" + idCounter++),
-      id = _useState[0];
-
+    id = _useState[0];
   return /*#__PURE__*/React.createElement(CollapsibleContext.Provider, {
     value: {
       isOpen: isOpen,
@@ -50,54 +36,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 = (0, React.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 = (0, React.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 = (0, React.useRef)();
   var measurement = (0, _useMeasure.default)(ref);
-
   var _useState2 = (0, React.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. */
   (0, React.useEffect)(function () {
     if (!isOpen) {
       var timeoutID = setTimeout(function () {
@@ -114,7 +93,6 @@ var Panel = function Panel(_ref3) {
       var _timeoutID = setTimeout(function () {
         return setIsHidden(!isOpen);
       }, 0);
-
       return function () {
         return clearTimeout(_timeoutID);
       };
@@ -125,7 +103,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.default, {
     width: "100%",
@@ -135,10 +113,9 @@ 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';
 var _default = Collapsible;
 exports.default = _default;

package/commonjs/Collapsible/styles.js

@@ -2,11 +2,8 @@
 
 exports.__esModule = true;
 exports.CollapsingBox = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _Box = _interopRequireDefault(require("../Box"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var CollapsingBox = (0, _styledComponents.default)(_Box.default).withConfig({
@@ -18,8 +15,8 @@ var CollapsingBox = (0, _styledComponents.default)(_Box.default).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") + ";" : '';
 });
 exports.CollapsingBox = CollapsingBox;

package/commonjs/DatePicker/DateRangePicker.js

@@ -2,33 +2,21 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 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"];
-
 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 || 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; }
-
 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.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.ReactDatesCssOverrides, null), /*#__PURE__*/_react.default.createElement(_DayPickerRangeController.default, _extends({
     startDate: startDate,
     endDate: endDate,
@@ -36,6 +24,5 @@ var DateRangePicker = function DateRangePicker(_ref) {
     numberOfMonths: 2
   }, _common.commonDatePickerProps, rest)));
 };
-
 var _default = DateRangePicker;
 exports.default = _default;

package/commonjs/DatePicker/SingleDatePicker.js

@@ -2,39 +2,25 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 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"];
-
 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 || 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; }
-
 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.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.ReactDatesCssOverrides, null), /*#__PURE__*/_react.default.createElement(_DayPickerSingleDateController.default, _extends({
     date: date,
     numberOfMonths: 1,
     onDateChange: onDateChange
   }, _common.commonDatePickerProps, rest)));
 };
-
 var _default = /*#__PURE__*/_react.default.memo(SingleDatePicker);
-
 exports.default = _default;

package/commonjs/DatePicker/StatefulDateRangePicker.js

@@ -2,64 +2,49 @@
 
 exports.__esModule = true;
 exports.StatefulDateRangePicker = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _constants = require("react-dates/constants");
-
 var _DateRangePicker = _interopRequireDefault(require("./DateRangePicker"));
-
 var _excluded = ["startDate", "endDate", "onDatesChange", "onFocusChange"];
-
 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 || 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; }
-
 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 = (0, _react.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.default.useState(_constants.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 ? _constants.START_DATE : nextFocusedInput);
   };
-
   return /*#__PURE__*/_react.default.createElement(_DateRangePicker.default, _extends({
     startDate: dates.startDate,
     endDate: dates.endDate,
     focusedInput: focusedInput,
     onDatesChange: handleDatesChange,
-    onFocusChange: handleFocusChange // $FlowIssue
-
+    onFocusChange: handleFocusChange
+    // $FlowIssue
   }, rest));
 };
-
 exports.StatefulDateRangePicker = StatefulDateRangePicker;

package/commonjs/DatePicker/StatefulSingleDatePicker.js

@@ -2,42 +2,29 @@
 
 exports.__esModule = true;
 exports.StatefulSingleDatePicker = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _SingleDatePicker = _interopRequireDefault(require("./SingleDatePicker"));
-
 var _excluded = ["date", "onDateChange"];
-
 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 || 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; }
-
 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 = (0, _react.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.default.createElement(_SingleDatePicker.default, _extends({
     date: stateDate,
-    onDateChange: handleDateChange // $FlowIssue
-
+    onDateChange: handleDateChange
+    // $FlowIssue
   }, rest));
 };
-
 exports.StatefulSingleDatePicker = StatefulSingleDatePicker;

package/commonjs/DatePicker/common.js

@@ -2,24 +2,17 @@
 
 exports.__esModule = true;
 exports.getVisibleMonthWithReactDatesInternalApi = exports.formatDateAsCalendarHeader = exports.formatDateAsCalendarDay = exports.commonDatePickerProps = exports.CalendarNavButton = void 0;
-
 require("react-dates/initialize");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Icon = _interopRequireDefault(require("../Icon"));
-
 var _styles = require("./styles");
-
 require("react-dates/lib/css/_datepicker.css");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var iconNames = {
-  left: "arrow-left",
-  right: "arrow-right"
+  left: 'arrow-left',
+  right: 'arrow-right'
 };
-
 var CalendarNavButton = function CalendarNavButton(_ref) {
   var type = _ref.type;
   return /*#__PURE__*/_react.default.createElement(_Icon.default, {
@@ -27,7 +20,6 @@ var CalendarNavButton = function CalendarNavButton(_ref) {
     name: iconNames[type]
   });
 };
-
 exports.CalendarNavButton = CalendarNavButton;
 var commonDatePickerProps = {
   hideKeyboardShortcutsPanel: true,
@@ -42,28 +34,22 @@ var commonDatePickerProps = {
     return /*#__PURE__*/_react.default.createElement(_styles.CalendarDay, {
       day: day,
       modifiers: modifiers
-    }, day.format("D"));
+    }, day.format('D'));
   }
-}; // Testing utilities
+};
 
+// Testing utilities
 exports.commonDatePickerProps = commonDatePickerProps;
-
 var formatDateAsCalendarHeader = function formatDateAsCalendarHeader(date) {
-  return date.format("MMMM YYYY");
+  return date.format('MMMM YYYY');
 };
-
 exports.formatDateAsCalendarHeader = formatDateAsCalendarHeader;
-
 var formatDateAsCalendarDay = function formatDateAsCalendarDay(date) {
-  return date.format("dddd, MMMM D, YYYY");
+  return date.format('dddd, MMMM D, YYYY');
 };
-
 exports.formatDateAsCalendarDay = formatDateAsCalendarDay;
-
 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 : '';
 };
-
 exports.getVisibleMonthWithReactDatesInternalApi = getVisibleMonthWithReactDatesInternalApi;

package/commonjs/DatePicker/index.js

@@ -1,13 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-
 var _SingleDatePicker = _interopRequireDefault(require("./SingleDatePicker"));
-
 exports.SingleDatePicker = _SingleDatePicker.default;
-
 var _DateRangePicker = _interopRequireDefault(require("./DateRangePicker"));
-
 exports.DateRangePicker = _DateRangePicker.default;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }