@zendeskgarden/react-datepickers 8.62.1 → 8.62.2

package/dist/index.cjs.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var PropTypes = require('prop-types');
 var styled = require('styled-components');
@@ -16,7 +14,7 @@ var reactPopper = require('react-popper');
 var containerUtilities = require('@zendeskgarden/container-utilities');
 var reactTheming = require('@zendeskgarden/react-theming');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -32,14 +30,13 @@ function _interopNamespace(e) {
       }
     });
   }
-  n["default"] = e;
+  n.default = e;
   return Object.freeze(n);
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
 
 const SHARED_PLACEMENT = ['auto', 'top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end'];
 const PLACEMENT = [...SHARED_PLACEMENT, 'end', 'end-top', 'end-bottom', 'start', 'start-top', 'start-bottom'];
@@ -263,9 +260,9 @@ function getDate(dirtyDate) {
 }
 
 const COMPONENT_ID$b = 'datepickers.menu';
-const StyledMenu = styled__default["default"].div.attrs({
+const StyledMenu = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
   displayName: "StyledMenu",
   componentId: "sc-1npbkk0-0"
@@ -275,7 +272,7 @@ StyledMenu.defaultProps = {
 };
 
 const COMPONENT_ID$a = 'datepickers.menu_wrapper';
-const StyledMenuWrapper = styled__default["default"].div.attrs(props => ({
+const StyledMenuWrapper = styled__default.default.div.attrs(props => ({
   className: props.isAnimated && 'is-animated'
 })).withConfig({
   displayName: "StyledMenuWrapper",
@@ -303,7 +300,7 @@ const retrievePadding = _ref => {
   }
   return `margin: ${value}px;`;
 };
-const StyledDatepicker = styled__default["default"].div.attrs({
+const StyledDatepicker = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$9
 }).withConfig({
   displayName: "StyledDatepicker",
@@ -314,7 +311,7 @@ StyledDatepicker.defaultProps = {
 };
 
 const COMPONENT_ID$8 = 'datepickers.range_calendar';
-const StyledRangeCalendar = styled__default["default"].div.attrs({
+const StyledRangeCalendar = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$8
 }).withConfig({
   displayName: "StyledRangeCalendar",
@@ -325,7 +322,7 @@ StyledRangeCalendar.defaultProps = {
 };
 
 const COMPONENT_ID$7 = 'datepickers.header';
-const StyledHeader = styled__default["default"].div.attrs({
+const StyledHeader = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$7
 }).withConfig({
   displayName: "StyledHeader",
@@ -353,7 +350,7 @@ const retrieveColor$1 = _ref2 => {
   return styled.css([":hover{background-color:", ";color:", ";}:active{background-color:", ";color:", ";}color:", ";"], reactTheming.getColor('primaryHue', 600, theme, 0.08), theme.colors.foreground, reactTheming.getColor('primaryHue', 600, theme, 0.2), theme.colors.foreground, reactTheming.getColor('neutralHue', 600, theme));
 };
 const COMPONENT_ID$6 = 'datepickers.header_paddle';
-const StyledHeaderPaddle = styled__default["default"].div.attrs({
+const StyledHeaderPaddle = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$6
 }).withConfig({
   displayName: "StyledHeaderPaddle",
@@ -364,7 +361,7 @@ StyledHeaderPaddle.defaultProps = {
 };
 
 const COMPONENT_ID$5 = 'datepickers.header_label';
-const StyledHeaderLabel = styled__default["default"].div.attrs({
+const StyledHeaderLabel = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$5
 }).withConfig({
   displayName: "StyledHeaderLabel",
@@ -375,7 +372,7 @@ StyledHeaderLabel.defaultProps = {
 };
 
 const COMPONENT_ID$4 = 'datepickers.calendar';
-const StyledCalendar = styled__default["default"].div.attrs({
+const StyledCalendar = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$4
 }).withConfig({
   displayName: "StyledCalendar",
@@ -399,7 +396,7 @@ const retrieveSize = _ref => {
   }
   return styled.css(["width:", ";height:", ";"], size, size);
 };
-const StyledCalendarItem = styled__default["default"].div.attrs({
+const StyledCalendarItem = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$3
 }).withConfig({
   displayName: "StyledCalendarItem",
@@ -410,7 +407,7 @@ StyledCalendarItem.defaultProps = {
 };
 
 const COMPONENT_ID$2 = 'datepickers.day_label';
-const StyledDayLabel = styled__default["default"].div.attrs({
+const StyledDayLabel = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$2
 }).withConfig({
   displayName: "StyledDayLabel",
@@ -453,7 +450,7 @@ const retrieveColor = _ref2 => {
   }
   return styled.css([""]);
 };
-const StyledHighlight = styled__default["default"].div.attrs({
+const StyledHighlight = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$1
 }).withConfig({
   displayName: "StyledHighlight",
@@ -496,7 +493,7 @@ const retrieveStyledDayColors = _ref => {
   `);
 };
 const COMPONENT_ID = 'datepickers.day';
-const StyledDay = styled__default["default"].div.attrs(props => ({
+const StyledDay = styled__default.default.div.attrs(props => ({
   'data-garden-id': COMPONENT_ID,
   'aria-disabled': props.isDisabled ? 'true' : 'false'
 })).withConfig({
@@ -647,25 +644,25 @@ const MonthSelector = _ref => {
     });
     return formatter.format(date);
   }, [locale]);
-  return React__default["default"].createElement(StyledHeader, {
+  return React__namespace.default.createElement(StyledHeader, {
     isCompact: isCompact
-  }, React__default["default"].createElement(StyledHeaderPaddle, {
+  }, React__namespace.default.createElement(StyledHeaderPaddle, {
     isCompact: isCompact,
     onClick: () => {
       dispatch({
         type: 'PREVIEW_PREVIOUS_MONTH'
       });
     }
-  }, React__default["default"].createElement(SvgChevronLeftStroke, null)), React__default["default"].createElement(StyledHeaderLabel, {
+  }, React__namespace.default.createElement(SvgChevronLeftStroke, null)), React__namespace.default.createElement(StyledHeaderLabel, {
     isCompact: isCompact
-  }, headerLabelFormatter(state.previewDate)), React__default["default"].createElement(StyledHeaderPaddle, {
+  }, headerLabelFormatter(state.previewDate)), React__namespace.default.createElement(StyledHeaderPaddle, {
     isCompact: isCompact,
     onClick: () => {
       dispatch({
         type: 'PREVIEW_NEXT_MONTH'
       });
     }
-  }, React__default["default"].createElement(SvgChevronRightStroke, null)));
+  }, React__namespace.default.createElement(SvgChevronRightStroke, null)));
 };
 
 const Calendar$1 = React.forwardRef((_ref, ref) => {
@@ -701,10 +698,10 @@ const Calendar$1 = React.forwardRef((_ref, ref) => {
     end: addDays(startDate, 6)
   }).map(date => {
     const formattedDayLabel = dayLabelFormatter(date);
-    return React__default["default"].createElement(StyledCalendarItem, {
+    return React__namespace.default.createElement(StyledCalendarItem, {
       key: `day-label-${formattedDayLabel}`,
       isCompact: isCompact
-    }, React__default["default"].createElement(StyledDayLabel, {
+    }, React__namespace.default.createElement(StyledDayLabel, {
       isCompact: isCompact
     }, formattedDayLabel));
   });
@@ -723,10 +720,10 @@ const Calendar$1 = React.forwardRef((_ref, ref) => {
     if (maxValue !== undefined) {
       isDisabled = isDisabled || isAfter(date, maxValue) && !isSameDay(date, maxValue);
     }
-    return React__default["default"].createElement(StyledCalendarItem, {
+    return React__namespace.default.createElement(StyledCalendarItem, {
       key: `day-${itemsIndex}`,
       isCompact: isCompact
-    }, React__default["default"].createElement(StyledDay, {
+    }, React__namespace.default.createElement(StyledDay, {
       isToday: isCurrentDate,
       isPreviousMonth: isPreviousMonth,
       isSelected: isSelected,
@@ -742,16 +739,16 @@ const Calendar$1 = React.forwardRef((_ref, ref) => {
       }
     }, formattedDayLabel));
   });
-  return React__default["default"].createElement(StyledDatepicker, {
+  return React__namespace.default.createElement(StyledDatepicker, {
     ref: ref,
     isCompact: isCompact,
     onMouseDown: e => {
       e.preventDefault();
     }
-  }, React__default["default"].createElement(MonthSelector, {
+  }, React__namespace.default.createElement(MonthSelector, {
     locale: locale,
     isCompact: isCompact
-  }), React__default["default"].createElement(StyledCalendar, {
+  }), React__namespace.default.createElement(StyledCalendar, {
     isCompact: isCompact
   }, dayLabels, items));
 });
@@ -3176,14 +3173,14 @@ const Datepicker = React.forwardRef((props, calendarRef) => {
     state,
     dispatch
   }), [state, dispatch]);
-  return React__default["default"].createElement(DatepickerContext.Provider, {
+  return React__namespace.default.createElement(DatepickerContext.Provider, {
     value: contextValue
-  }, React__default["default"].createElement(reactPopper.Manager, null, React__default["default"].createElement(reactPopper.Reference, null, _ref => {
+  }, React__namespace.default.createElement(reactPopper.Manager, null, React__namespace.default.createElement(reactPopper.Reference, null, _ref => {
     let {
       ref
     } = _ref;
-    const childElement = React__default["default"].Children.only(children);
-    return React__default["default"].cloneElement(childElement, {
+    const childElement = React__namespace.default.Children.only(children);
+    return React__namespace.default.cloneElement(childElement, {
       [refKey]: refValue => {
         ref(refValue);
         inputRef.current = refValue;
@@ -3234,7 +3231,7 @@ const Datepicker = React.forwardRef((props, calendarRef) => {
       autoComplete: 'off',
       value: state.inputValue
     });
-  }), React__default["default"].createElement(reactPopper.Popper, {
+  }), React__namespace.default.createElement(reactPopper.Popper, {
     placement: popperPlacement,
     modifiers: popperModifiers
     ,
@@ -3247,14 +3244,14 @@ const Datepicker = React.forwardRef((props, calendarRef) => {
       placement: currentPlacement
     } = _ref2;
     scheduleUpdateRef.current = scheduleUpdate;
-    return React__default["default"].createElement(StyledMenuWrapper, {
+    return React__namespace.default.createElement(StyledMenuWrapper, {
       ref: ref,
       style: style,
       isHidden: !state.isOpen,
       isAnimated: isAnimated && (state.isOpen || isVisible),
       placement: currentPlacement,
       zIndex: zIndex
-    }, (state.isOpen || isVisible) && React__default["default"].createElement(StyledMenu, menuProps, React__default["default"].createElement(Calendar$1, {
+    }, (state.isOpen || isVisible) && React__namespace.default.createElement(StyledMenu, menuProps, React__namespace.default.createElement(Calendar$1, {
       ref: calendarRef,
       isCompact: isCompact,
       value: value,
@@ -3267,21 +3264,21 @@ const Datepicker = React.forwardRef((props, calendarRef) => {
 });
 Datepicker.displayName = 'Datepicker';
 Datepicker.propTypes = {
-  value: PropTypes__default["default"].any,
-  onChange: PropTypes__default["default"].any,
-  formatDate: PropTypes__default["default"].func,
-  locale: PropTypes__default["default"].any,
-  weekStartsOn: PropTypes__default["default"].number,
-  minValue: PropTypes__default["default"].any,
-  maxValue: PropTypes__default["default"].any,
-  isCompact: PropTypes__default["default"].bool,
-  customParseDate: PropTypes__default["default"].any,
-  refKey: PropTypes__default["default"].string,
-  placement: PropTypes__default["default"].oneOf(PLACEMENT),
-  popperModifiers: PropTypes__default["default"].any,
-  isAnimated: PropTypes__default["default"].bool,
-  eventsEnabled: PropTypes__default["default"].bool,
-  zIndex: PropTypes__default["default"].number
+  value: PropTypes__default.default.any,
+  onChange: PropTypes__default.default.any,
+  formatDate: PropTypes__default.default.func,
+  locale: PropTypes__default.default.any,
+  weekStartsOn: PropTypes__default.default.number,
+  minValue: PropTypes__default.default.any,
+  maxValue: PropTypes__default.default.any,
+  isCompact: PropTypes__default.default.bool,
+  customParseDate: PropTypes__default.default.any,
+  refKey: PropTypes__default.default.string,
+  placement: PropTypes__default.default.oneOf(PLACEMENT),
+  popperModifiers: PropTypes__default.default.any,
+  isAnimated: PropTypes__default.default.bool,
+  eventsEnabled: PropTypes__default.default.bool,
+  zIndex: PropTypes__default.default.number
 };
 Datepicker.defaultProps = {
   placement: 'bottom-start',
@@ -3665,8 +3662,8 @@ const Start = props => {
     handleBlur();
     props.children.props.onBlur && props.children.props.onBlur(e);
   }, [handleBlur, props.children]);
-  const childElement = React__default["default"].Children.only(props.children);
-  return React__default["default"].cloneElement(childElement, {
+  const childElement = React__namespace.default.Children.only(props.children);
+  return React__namespace.default.cloneElement(childElement, {
     value: state.startInputValue || '',
     ref: startInputRef,
     onChange: containerUtilities.composeEventHandlers(childElement.props.onChange, onChangeCallback),
@@ -3730,8 +3727,8 @@ const End = props => {
     handleBlur();
     props.children.props.onBlur && props.children.props.onBlur(e);
   }, [handleBlur, props.children]);
-  const childElement = React__default["default"].Children.only(props.children);
-  return React__default["default"].cloneElement(childElement, {
+  const childElement = React__namespace.default.Children.only(props.children);
+  return React__namespace.default.cloneElement(childElement, {
     value: state.endInputValue || '',
     ref: endInputRef,
     onChange: containerUtilities.composeEventHandlers(childElement.props.onChange, onChangeCallback),
@@ -3814,10 +3811,10 @@ const Month = React.forwardRef((_ref, ref) => {
     end: addDays(startDate, 6)
   }).map(date => {
     const formattedDayLabel = dayLabelFormatter(date);
-    return React__default["default"].createElement(StyledCalendarItem, {
+    return React__namespace.default.createElement(StyledCalendarItem, {
       key: `day-label-${formattedDayLabel}`,
       isCompact: isCompact
-    }, React__default["default"].createElement(StyledDayLabel, {
+    }, React__namespace.default.createElement(StyledDayLabel, {
       isCompact: isCompact
     }, formattedDayLabel));
   });
@@ -3829,10 +3826,10 @@ const Month = React.forwardRef((_ref, ref) => {
     const isCurrentDate = isToday(date);
     const isPreviousMonth = !isSameMonth(date, displayDate);
     if (isPreviousMonth) {
-      return React__default["default"].createElement(StyledCalendarItem, {
+      return React__namespace.default.createElement(StyledCalendarItem, {
         key: `day-${itemsIndex}`,
         isCompact: isCompact
-      }, React__default["default"].createElement(StyledDay, {
+      }, React__namespace.default.createElement(StyledDay, {
         isCompact: isCompact,
         isPreviousMonth: true,
         isDisabled: true
@@ -3877,14 +3874,14 @@ const Month = React.forwardRef((_ref, ref) => {
         isInvalidDateRange = isInvalidDateRange || compareAsc(endValue, maxValue) === 1;
       }
     }
-    return React__default["default"].createElement(StyledCalendarItem, {
+    return React__namespace.default.createElement(StyledCalendarItem, {
       key: `day-${itemsIndex}`,
       isCompact: isCompact
-    }, React__default["default"].createElement(StyledHighlight, {
+    }, React__namespace.default.createElement(StyledHighlight, {
       isHighlighted: !isInvalidDateRange && isHighlighted && !isDisabled,
       isStart: !isInvalidDateRange && isHighlightStart,
       isEnd: !isInvalidDateRange && isHighlightEnd
-    }), React__default["default"].createElement(StyledDay, {
+    }), React__namespace.default.createElement(StyledDay, {
       isToday: isCurrentDate,
       isPreviousMonth: isPreviousMonth,
       isSelected: !isInvalidDateRange && isSelected,
@@ -3957,15 +3954,15 @@ const Month = React.forwardRef((_ref, ref) => {
       }
     }, formattedDayLabel));
   });
-  return React__default["default"].createElement(StyledDatepicker, {
+  return React__namespace.default.createElement(StyledDatepicker, {
     ref: ref,
     isCompact: isCompact,
     onMouseDown: e => {
       e.preventDefault();
     }
-  }, React__default["default"].createElement(StyledHeader, {
+  }, React__namespace.default.createElement(StyledHeader, {
     isCompact: isCompact
-  }, React__default["default"].createElement(StyledHeaderPaddle, {
+  }, React__namespace.default.createElement(StyledHeaderPaddle, {
     isCompact: isCompact,
     onClick: () => {
       dispatch({
@@ -3973,9 +3970,9 @@ const Month = React.forwardRef((_ref, ref) => {
       });
     },
     isHidden: isPreviousHidden
-  }, React__default["default"].createElement(SvgChevronLeftStroke, null)), React__default["default"].createElement(StyledHeaderLabel, {
+  }, React__namespace.default.createElement(SvgChevronLeftStroke, null)), React__namespace.default.createElement(StyledHeaderLabel, {
     isCompact: isCompact
-  }, headerLabelFormatter(displayDate)), React__default["default"].createElement(StyledHeaderPaddle, {
+  }, headerLabelFormatter(displayDate)), React__namespace.default.createElement(StyledHeaderPaddle, {
     isCompact: isCompact,
     isHidden: isNextHidden,
     onClick: () => {
@@ -3983,7 +3980,7 @@ const Month = React.forwardRef((_ref, ref) => {
         type: 'PREVIEW_NEXT_MONTH'
       });
     }
-  }, React__default["default"].createElement(SvgChevronRightStroke, null))), React__default["default"].createElement(StyledCalendar, {
+  }, React__namespace.default.createElement(SvgChevronRightStroke, null))), React__namespace.default.createElement(StyledCalendar, {
     isCompact: isCompact,
     onMouseLeave: () => {
       dispatch({
@@ -3999,14 +3996,14 @@ const Calendar = React.forwardRef((props, ref) => {
   const {
     state
   } = useDatepickerContext();
-  return React__default["default"].createElement(StyledRangeCalendar, _extends({
+  return React__namespace.default.createElement(StyledRangeCalendar, _extends({
     ref: ref,
     "data-garden-id": "datepickers.range",
-    "data-garden-version": '8.62.1'
-  }, props), React__default["default"].createElement(Month, {
+    "data-garden-version": '8.62.2'
+  }, props), React__namespace.default.createElement(Month, {
     displayDate: state.previewDate,
     isNextHidden: true
-  }), React__default["default"].createElement(Month, {
+  }), React__namespace.default.createElement(Month, {
     displayDate: addMonths(state.previewDate, 1),
     isPreviousHidden: true
   }));
@@ -4074,21 +4071,21 @@ const DatepickerRangeComponent = props => {
     endInputRef,
     customParseDate
   }), [state, dispatch, isCompact, locale, weekStartsOn, minValue, maxValue, startValue, endValue, onChange, startInputRef, endInputRef, customParseDate]);
-  return React__default["default"].createElement(DatepickerRangeContext.Provider, {
+  return React__namespace.default.createElement(DatepickerRangeContext.Provider, {
     value: value
   }, children);
 };
 DatepickerRangeComponent.propTypes = {
-  locale: PropTypes__default["default"].string,
-  weekStartsOn: PropTypes__default["default"].number,
-  startValue: PropTypes__default["default"].instanceOf(Date),
-  endValue: PropTypes__default["default"].instanceOf(Date),
-  minValue: PropTypes__default["default"].instanceOf(Date),
-  maxValue: PropTypes__default["default"].instanceOf(Date),
-  onChange: PropTypes__default["default"].func,
-  formatDate: PropTypes__default["default"].func,
-  customParseDate: PropTypes__default["default"].func,
-  isCompact: PropTypes__default["default"].bool
+  locale: PropTypes__default.default.string,
+  weekStartsOn: PropTypes__default.default.number,
+  startValue: PropTypes__default.default.instanceOf(Date),
+  endValue: PropTypes__default.default.instanceOf(Date),
+  minValue: PropTypes__default.default.instanceOf(Date),
+  maxValue: PropTypes__default.default.instanceOf(Date),
+  onChange: PropTypes__default.default.func,
+  formatDate: PropTypes__default.default.func,
+  customParseDate: PropTypes__default.default.func,
+  isCompact: PropTypes__default.default.bool
 };
 DatepickerRangeComponent.defaultProps = {
   locale: 'en-US',

package/dist/index.esm.js

@@ -237,7 +237,7 @@ function getDate(dirtyDate) {
 const COMPONENT_ID$b = 'datepickers.menu';
 const StyledMenu = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.62.2'
 }).withConfig({
   displayName: "StyledMenu",
   componentId: "sc-1npbkk0-0"
@@ -3974,7 +3974,7 @@ const Calendar = forwardRef((props, ref) => {
   return React__default.createElement(StyledRangeCalendar, _extends({
     ref: ref,
     "data-garden-id": "datepickers.range",
-    "data-garden-version": '8.62.1'
+    "data-garden-version": '8.62.2'
   }, props), React__default.createElement(Month, {
     displayDate: state.previewDate,
     isNextHidden: true

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-datepickers",
-  "version": "8.62.1",
+  "version": "8.62.2",
   "description": "Components relating to datepickers in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -33,7 +33,7 @@
     "styled-components": "^4.2.0 || ^5.0.0"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^8.62.1",
+    "@zendeskgarden/react-theming": "^8.62.2",
     "@zendeskgarden/svg-icons": "6.33.0"
   },
   "keywords": [
@@ -46,5 +46,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "e84b3603c69975dc0ef30029364da15fc1e4fc03"
+  "gitHead": "27a7d6c021f3360396af60d51ecbf66e9076a405"
 }