@zendeskgarden/react-datepickers 9.12.3 → 9.12.4

package/dist/esm/elements/DatePickerRange/utils/date-picker-range-reducer.js

@@ -15,12 +15,11 @@ import { startOfMonth } from 'date-fns/startOfMonth';
 import { compareAsc } from 'date-fns/compareAsc';
 import { isAfter } from 'date-fns/isAfter';
 
-function formatValue(_ref) {
-  let {
-    value,
-    locale,
-    formatDate
-  } = _ref;
+function formatValue({
+  value,
+  locale,
+  formatDate
+}) {
   let stringValue = '';
   if (value !== undefined && isValid(value)) {
     if (formatDate) {
@@ -35,10 +34,9 @@ function formatValue(_ref) {
   }
   return stringValue;
 }
-function parseInputValue(_ref2) {
-  let {
-    inputValue
-  } = _ref2;
+function parseInputValue({
+  inputValue
+}) {
   const MINIMUM_DATE = new Date(1001, 0, 0);
   let tryParseDate = parse(inputValue || '', 'P', new Date());
   if (isValid(tryParseDate) && !isBefore(tryParseDate, MINIMUM_DATE)) {
@@ -54,177 +52,184 @@ function parseInputValue(_ref2) {
   }
   return new Date(NaN);
 }
-const datepickerRangeReducer = _ref3 => {
-  let {
-    startValue,
-    endValue,
-    locale,
-    formatDate,
-    customParseDate
-  } = _ref3;
-  return (state, action) => {
-    switch (action.type) {
-      case 'START_FOCUS':
-        {
-          let previewDate = state.previewDate;
-          if (startValue) {
-            if (compareAsc(startValue, startOfMonth(state.previewDate)) === 1 && compareAsc(startValue, addMonths(endOfMonth(state.previewDate), 1)) === -1) {
-              previewDate = state.previewDate;
-            } else {
-              previewDate = startOfMonth(startValue);
-            }
-          }
-          return {
-            ...state,
-            previewDate,
-            isStartFocused: true,
-            isEndFocused: false
-          };
-        }
-      case 'END_FOCUS':
-        {
-          let previewDate = state.previewDate;
-          if (endValue) {
-            if (compareAsc(endValue, startOfMonth(state.previewDate)) === 1 && compareAsc(endValue, addMonths(endOfMonth(state.previewDate), 1)) === -1) {
-              previewDate = state.previewDate;
-            } else {
-              previewDate = startOfMonth(endValue);
-            }
-          }
-          return {
-            ...state,
-            previewDate,
-            isEndFocused: true,
-            isStartFocused: false
-          };
-        }
-      case 'START_BLUR':
-        {
-          let parsedDate;
-          if (customParseDate) {
-            parsedDate = customParseDate(state.startInputValue);
+const datepickerRangeReducer = ({
+  startValue,
+  endValue,
+  locale,
+  formatDate,
+  customParseDate
+}) => (state, action) => {
+  switch (action.type) {
+    case 'START_FOCUS':
+      {
+        let previewDate = state.previewDate;
+        if (startValue) {
+          if (compareAsc(startValue, startOfMonth(state.previewDate)) === 1 && compareAsc(startValue, addMonths(endOfMonth(state.previewDate), 1)) === -1) {
+            previewDate = state.previewDate;
           } else {
-            parsedDate = parseInputValue({
-              inputValue: state.startInputValue
-            });
+            previewDate = startOfMonth(startValue);
           }
-          const startInputValue = formatValue({
-            value: parsedDate,
-            locale,
-            formatDate
-          });
-          return {
-            ...state,
-            startInputValue: startInputValue || formatValue({
-              value: startValue,
-              locale,
-              formatDate
-            }),
-            isStartFocused: false
-          };
         }
-      case 'END_BLUR':
-        {
-          let parsedDate;
-          if (customParseDate) {
-            parsedDate = customParseDate(state.endInputValue);
+        return {
+          ...state,
+          previewDate,
+          isStartFocused: true,
+          isEndFocused: false
+        };
+      }
+    case 'END_FOCUS':
+      {
+        let previewDate = state.previewDate;
+        if (endValue) {
+          if (compareAsc(endValue, startOfMonth(state.previewDate)) === 1 && compareAsc(endValue, addMonths(endOfMonth(state.previewDate), 1)) === -1) {
+            previewDate = state.previewDate;
           } else {
-            parsedDate = parseInputValue({
-              inputValue: state.endInputValue
-            });
+            previewDate = startOfMonth(endValue);
           }
-          const endInputValue = formatValue({
-            value: parsedDate,
-            locale,
-            formatDate
-          }) || formatValue({
-            value: endValue,
-            locale,
-            formatDate
-          });
-          return {
-            ...state,
-            endInputValue,
-            isEndFocused: false
-          };
         }
-      case 'CONTROLLED_START_VALUE_CHANGE':
-        {
-          const startInputValue = formatValue({
-            value: action.value,
-            locale,
-            formatDate
+        return {
+          ...state,
+          previewDate,
+          isEndFocused: true,
+          isStartFocused: false
+        };
+      }
+    case 'START_BLUR':
+      {
+        let parsedDate;
+        if (customParseDate) {
+          parsedDate = customParseDate(state.startInputValue);
+        } else {
+          parsedDate = parseInputValue({
+            inputValue: state.startInputValue
           });
-          let previewDate = state.previewDate;
-          if (action.value) {
-            if (compareAsc(action.value, startOfMonth(state.previewDate)) === 1 && compareAsc(action.value, addMonths(endOfMonth(state.previewDate), 1)) === -1) {
-              previewDate = state.previewDate;
-            } else {
-              previewDate = startOfMonth(action.value);
-            }
-          }
-          return {
-            ...state,
-            startInputValue,
-            hoverDate: undefined,
-            previewDate
-          };
         }
-      case 'CONTROLLED_END_VALUE_CHANGE':
-        {
-          const endInputValue = formatValue({
-            value: action.value,
+        const startInputValue = formatValue({
+          value: parsedDate,
+          locale,
+          formatDate
+        });
+        return {
+          ...state,
+          startInputValue: startInputValue || formatValue({
+            value: startValue,
             locale,
             formatDate
+          }),
+          isStartFocused: false
+        };
+      }
+    case 'END_BLUR':
+      {
+        let parsedDate;
+        if (customParseDate) {
+          parsedDate = customParseDate(state.endInputValue);
+        } else {
+          parsedDate = parseInputValue({
+            inputValue: state.endInputValue
           });
-          let previewDate = state.previewDate;
-          if (action.value) {
-            if (compareAsc(action.value, startOfMonth(state.previewDate)) === 1 && compareAsc(action.value, addMonths(endOfMonth(state.previewDate), 1)) === -1) {
-              previewDate = state.previewDate;
-            } else {
-              previewDate = startOfMonth(action.value);
-            }
+        }
+        const endInputValue = formatValue({
+          value: parsedDate,
+          locale,
+          formatDate
+        }) || formatValue({
+          value: endValue,
+          locale,
+          formatDate
+        });
+        return {
+          ...state,
+          endInputValue,
+          isEndFocused: false
+        };
+      }
+    case 'CONTROLLED_START_VALUE_CHANGE':
+      {
+        const startInputValue = formatValue({
+          value: action.value,
+          locale,
+          formatDate
+        });
+        let previewDate = state.previewDate;
+        if (action.value) {
+          if (compareAsc(action.value, startOfMonth(state.previewDate)) === 1 && compareAsc(action.value, addMonths(endOfMonth(state.previewDate), 1)) === -1) {
+            previewDate = state.previewDate;
+          } else {
+            previewDate = startOfMonth(action.value);
           }
-          return {
-            ...state,
-            endInputValue,
-            hoverDate: undefined,
-            previewDate
-          };
         }
-      case 'CLICK_DATE':
-        if (state.isStartFocused) {
-          if (endValue !== undefined && (isBefore(action.value, endValue) || isSameDay(action.value, endValue))) {
-            return {
-              ...state,
-              startInputValue: formatValue({
-                value: action.value
-              })
-            };
+        return {
+          ...state,
+          startInputValue,
+          hoverDate: undefined,
+          previewDate
+        };
+      }
+    case 'CONTROLLED_END_VALUE_CHANGE':
+      {
+        const endInputValue = formatValue({
+          value: action.value,
+          locale,
+          formatDate
+        });
+        let previewDate = state.previewDate;
+        if (action.value) {
+          if (compareAsc(action.value, startOfMonth(state.previewDate)) === 1 && compareAsc(action.value, addMonths(endOfMonth(state.previewDate), 1)) === -1) {
+            previewDate = state.previewDate;
+          } else {
+            previewDate = startOfMonth(action.value);
           }
+        }
+        return {
+          ...state,
+          endInputValue,
+          hoverDate: undefined,
+          previewDate
+        };
+      }
+    case 'CLICK_DATE':
+      if (state.isStartFocused) {
+        if (endValue !== undefined && (isBefore(action.value, endValue) || isSameDay(action.value, endValue))) {
           return {
             ...state,
             startInputValue: formatValue({
               value: action.value
-            }),
-            endInputValue: undefined
+            })
           };
-        } else if (state.isEndFocused) {
-          if (startValue !== undefined && (isAfter(action.value, startValue) || isSameDay(action.value, startValue))) {
-            return {
-              ...state,
-              endInputValue: formatValue({
-                value: action.value
-              })
-            };
-          }
+        }
+        return {
+          ...state,
+          startInputValue: formatValue({
+            value: action.value
+          }),
+          endInputValue: undefined
+        };
+      } else if (state.isEndFocused) {
+        if (startValue !== undefined && (isAfter(action.value, startValue) || isSameDay(action.value, startValue))) {
           return {
             ...state,
-            startInputValue: formatValue({
+            endInputValue: formatValue({
               value: action.value
             })
           };
-        } else if (startValue === undefined) {
+        }
+        return {
+          ...state,
+          startInputValue: formatValue({
+            value: action.value
+          })
+        };
+      } else if (startValue === undefined) {
+        return {
+          ...state,
+          startInputValue: formatValue({
+            value: action.value
+          }),
+          endInputValue: undefined
+        };
+      } else if (endValue === undefined) {
+        if (isBefore(action.value, startValue)) {
           return {
             ...state,
             startInputValue: formatValue({
@@ -232,65 +237,55 @@ const datepickerRangeReducer = _ref3 => {
             }),
             endInputValue: undefined
           };
-        } else if (endValue === undefined) {
-          if (isBefore(action.value, startValue)) {
-            return {
-              ...state,
-              startInputValue: formatValue({
-                value: action.value
-              }),
-              endInputValue: undefined
-            };
-          }
-          return {
-            ...state,
-            endInputValue: formatValue({
-              value: action.value
-            })
-          };
-        }
-        return state;
-      case 'START_INPUT_ONCHANGE':
-        {
-          return {
-            ...state,
-            startInputValue: action.value
-          };
         }
-      case 'END_INPUT_ONCHANGE':
-        {
-          return {
-            ...state,
-            endInputValue: action.value
-          };
-        }
-      case 'HOVER_DATE':
         return {
           ...state,
-          hoverDate: action.value
+          endInputValue: formatValue({
+            value: action.value
+          })
         };
-      case 'PREVIEW_NEXT_MONTH':
-        {
-          const previewDate = addMonths(state.previewDate, 1);
-          return {
-            ...state,
-            previewDate,
-            hoverDate: undefined
-          };
-        }
-      case 'PREVIEW_PREVIOUS_MONTH':
-        {
-          const previewDate = subMonths(state.previewDate, 1);
-          return {
-            ...state,
-            previewDate,
-            hoverDate: undefined
-          };
-        }
-      default:
-        throw new Error();
-    }
-  };
+      }
+      return state;
+    case 'START_INPUT_ONCHANGE':
+      {
+        return {
+          ...state,
+          startInputValue: action.value
+        };
+      }
+    case 'END_INPUT_ONCHANGE':
+      {
+        return {
+          ...state,
+          endInputValue: action.value
+        };
+      }
+    case 'HOVER_DATE':
+      return {
+        ...state,
+        hoverDate: action.value
+      };
+    case 'PREVIEW_NEXT_MONTH':
+      {
+        const previewDate = addMonths(state.previewDate, 1);
+        return {
+          ...state,
+          previewDate,
+          hoverDate: undefined
+        };
+      }
+    case 'PREVIEW_PREVIOUS_MONTH':
+      {
+        const previewDate = subMonths(state.previewDate, 1);
+        return {
+          ...state,
+          previewDate,
+          hoverDate: undefined
+        };
+      }
+    default:
+      throw new Error();
+  }
 };
 function retrieveInitialState(initialProps) {
   let previewDate = initialProps.startValue;

package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/chevron-left-stroke.svg.js

@@ -6,17 +6,17 @@
 */
 import * as React from 'react';
 
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var _path$1;
+function _extends$1() { return _extends$1 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1.apply(null, arguments); }
 var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
     focusable: "false",
     viewBox: "0 0 16 16",
     "aria-hidden": "true"
-  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
     d: "M10.39 12.688a.5.5 0 01-.718.69l-.062-.066-4-5a.5.5 0 01-.054-.542l.054-.082 4-5a.5.5 0 01.83.55l-.05.074L6.641 8l3.75 4.688z"
   })));

package/dist/esm/styled/StyledCalendar.js

@@ -7,10 +7,10 @@
 import styled from 'styled-components';
 import { componentStyles } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'datepickers.calendar';
+const COMPONENT_ID$4 = 'datepickers.calendar';
 const StyledCalendar = styled.div.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.3'
+  'data-garden-id': COMPONENT_ID$4,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledCalendar",
   componentId: "sc-g5hoe8-0"

package/dist/esm/styled/StyledCalendarItem.js

@@ -7,12 +7,11 @@
 import styled, { css } from 'styled-components';
 import { componentStyles } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'datepickers.calendar_item';
-const sizeStyles = _ref => {
-  let {
-    $isCompact,
-    theme
-  } = _ref;
+const COMPONENT_ID$3 = 'datepickers.calendar_item';
+const sizeStyles$2 = ({
+  $isCompact,
+  theme
+}) => {
   let size;
   if ($isCompact) {
     size = `${theme.space.base * 8}px`;
@@ -22,11 +21,11 @@ const sizeStyles = _ref => {
   return css(["width:", ";height:", ";"], size, size);
 };
 const StyledCalendarItem = styled.div.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.3'
+  'data-garden-id': COMPONENT_ID$3,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledCalendarItem",
   componentId: "sc-143w8wb-0"
-})(["display:inline-block;position:relative;vertical-align:top;", " ", ";"], sizeStyles, componentStyles);
+})(["display:inline-block;position:relative;vertical-align:top;", " ", ";"], sizeStyles$2, componentStyles);
 
-export { StyledCalendarItem, sizeStyles };
+export { StyledCalendarItem, sizeStyles$2 as sizeStyles };

package/dist/esm/styled/StyledDatePicker.js

@@ -7,19 +7,17 @@
 import styled, { css } from 'styled-components';
 import { componentStyles, getColor } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'datepickers.datepicker';
-const sizeStyles = _ref => {
-  let {
-    $isCompact,
-    theme
-  } = _ref;
+const COMPONENT_ID$9 = 'datepickers.datepicker';
+const sizeStyles$4 = ({
+  $isCompact,
+  theme
+}) => {
   const margin = theme.space.base * ($isCompact ? 4 : 5);
   return css(["margin:", "px;"], margin);
 };
-const colorStyles = _ref2 => {
-  let {
-    theme
-  } = _ref2;
+const colorStyles$3 = ({
+  theme
+}) => {
   const foreground = getColor({
     variable: 'foreground.default',
     theme
@@ -27,11 +25,11 @@ const colorStyles = _ref2 => {
   return css(["background-color:transparent;color:", ";"], foreground);
 };
 const StyledDatePicker = styled.div.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.3'
+  'data-garden-id': COMPONENT_ID$9,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledDatePicker",
   componentId: "sc-15hwqzh-0"
-})(["direction:", ";", " ", " ", ";"], p => p.theme.rtl && 'rtl', sizeStyles, colorStyles, componentStyles);
+})(["direction:", ";", " ", " ", ";"], p => p.theme.rtl && 'rtl', sizeStyles$4, colorStyles$3, componentStyles);
 
 export { StyledDatePicker };

package/dist/esm/styled/StyledDay.js

@@ -10,13 +10,12 @@ import { componentStyles, getColor } from '@zendeskgarden/react-theming';
 const sizeStyles = () => {
   return css(["border-radius:50%;width:100%;height:100%;"]);
 };
-const colorStyles = _ref => {
-  let {
-    $isToday,
-    $isPreviousMonth,
-    theme,
-    ...props
-  } = _ref;
+const colorStyles = ({
+  $isToday,
+  $isPreviousMonth,
+  theme,
+  ...props
+}) => {
   const isSelected = props['aria-selected'];
   const isDisabled = props['aria-disabled'];
   let backgroundColor = 'inherit';
@@ -83,7 +82,7 @@ const colorStyles = _ref => {
 const COMPONENT_ID = 'datepickers.day';
 const StyledDay = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.3'
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledDay",
   componentId: "sc-v42uk5-0"

package/dist/esm/styled/StyledDayLabel.js

@@ -7,10 +7,10 @@
 import styled from 'styled-components';
 import { componentStyles } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'datepickers.day_label';
+const COMPONENT_ID$2 = 'datepickers.day_label';
 const StyledDayLabel = styled.div.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.3'
+  'data-garden-id': COMPONENT_ID$2,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledDayLabel",
   componentId: "sc-9bh1p7-0"

package/dist/esm/styled/StyledHeader.js

@@ -7,10 +7,10 @@
 import styled from 'styled-components';
 import { componentStyles } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'datepickers.header';
+const COMPONENT_ID$7 = 'datepickers.header';
 const StyledHeader = styled.div.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.3'
+  'data-garden-id': COMPONENT_ID$7,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledHeader",
   componentId: "sc-upq318-0"

package/dist/esm/styled/StyledHeaderLabel.js

@@ -7,10 +7,10 @@
 import styled from 'styled-components';
 import { componentStyles } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'datepickers.header_label';
+const COMPONENT_ID$5 = 'datepickers.header_label';
 const StyledHeaderLabel = styled.div.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.3'
+  'data-garden-id': COMPONENT_ID$5,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledHeaderLabel",
   componentId: "sc-1ryf5ub-0"