@elliemae/ds-controlled-form 1.61.0 → 2.0.0-alpha.12

package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/Calendar.js

@@ -2,79 +2,51 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
-var controlledDateTimePicker_parts_Pickers_Calendar_CalendarIconTrigger = require('./CalendarIconTrigger.js');
-var controlledDateTimePicker_parts_Pickers_Calendar_CalendarWrapper = require('./CalendarWrapper.js');
-var controlledDateTimePicker_parts_Pickers_Calendar_CalendarContext = require('./CalendarContext.js');
-var controlledDateTimePicker_parts_Pickers_Calendar_useConfigCalendarCTX = require('./useConfigCalendarCTX.js');
-require('@elliemae/ds-button');
-require('@elliemae/ds-icons');
-require('../../../ControlledDateTimePickerDatatestid.js');
-require('./Styleds.js');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('styled-components');
-require('@elliemae/ds-system');
-require('@elliemae/ds-grid');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/defineProperty');
-require('./CalendarContent.js');
-require('./CalendarBody.js');
-require('./CalendarMonthDays.js');
-require('./CalendarDaysList.js');
-require('./Day.js');
-require('../../../utils/dateHelpers.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('../../../utils/constants.js');
-require('../../../utils/stringHelpers.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('../../../utils/numberHelpers.js');
-require('../../../ControlledDateTimePickerCTX.js');
-require('../../../ControlledDateTimePickerTypes.js');
-require('./CalendarWeekDays.js');
-require('./CalendarHead.js');
-require('./CalendarFooter.js');
-require('./useKeyboardHandlers.js');
-require('./useFocusLogic.js');
-require('../../../utils/hooks/useGetStartingFocusedDay.js');
-require('../../../utils/hooks/useGetDayFromDateString.js');
-require('./usePopperTriggerLogic.js');
-require('react-popper');
-require('../../../utils/hooks/useOnClickOutside.js');
-require('./useCurrentDisplayedMonthYearLogic.js');
-require('../../../utils/hooks/useGetMonthYearFromDateStringOrEmptyStartingMonth.js');
+var CalendarIconTrigger = require('./CalendarIconTrigger.js');
+var CalendarWrapper = require('./CalendarWrapper.js');
+var CalendarContext = require('./CalendarContext.js');
+var useConfigCalendarCTX = require('./useConfigCalendarCTX.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-/* eslint-disable max-len */
+var _CalendarIconTrigger, _CalendarWrapper;
 
-var WrappedCalendarContext = function WrappedCalendarContext(_ref) {
-  var children = _ref.children;
-  var ctx = controlledDateTimePicker_parts_Pickers_Calendar_useConfigCalendarCTX.useConfigCalendarCTX();
-  return /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_CalendarContext.CalendarContext.Provider, {
+const WrappedCalendarContext = _ref => {
+  let {
+    children
+  } = _ref;
+  const ctx = useConfigCalendarCTX.useConfigCalendarCTX();
+  return /*#__PURE__*/_jsx__default["default"](CalendarContext.CalendarContext.Provider, {
     value: ctx
-  }, children);
+  }, void 0, children);
 };
 
-var WrapWithCalendarContext = function WrapWithCalendarContext(Component) {
-  return function () {
-    return /*#__PURE__*/React__default['default'].createElement(WrappedCalendarContext, null, /*#__PURE__*/React__default['default'].createElement(Component, null));
-  };
+const WrapWithCalendarContext = Component => {
+  var _WrappedCalendarConte;
+
+  return () => _WrappedCalendarConte || (_WrappedCalendarConte = /*#__PURE__*/_jsx__default["default"](WrappedCalendarContext, {}, void 0, /*#__PURE__*/_jsx__default["default"](Component, {})));
 }; // we use the HoC to be able to use the useContext
 // the HoC is Reused in CalendarWithTimeWheel
 
-var Calendar = WrapWithCalendarContext(function () {
-  var _useContext = React.useContext(controlledDateTimePicker_parts_Pickers_Calendar_CalendarContext.CalendarContext),
-      showCalendar = _useContext.showCalendar,
-      isControllerOnly = _useContext.isControllerOnly,
-      handleMenuWrapperKeyDown = _useContext.handleMenuWrapperKeyDown;
-
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, isControllerOnly ? null : /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_CalendarIconTrigger.CalendarIconTrigger, null), isControllerOnly || showCalendar ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
-    onKeyDown: handleMenuWrapperKeyDown
-  }, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_CalendarWrapper.CalendarWrapper, null))) : null);
+const Calendar = WrapWithCalendarContext(() => {
+  const {
+    showCalendar,
+    isControllerOnly,
+    handleMenuWrapperKeyDown
+  } = React.useContext(CalendarContext.CalendarContext);
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [isControllerOnly ? null : _CalendarIconTrigger || (_CalendarIconTrigger = /*#__PURE__*/_jsx__default["default"](CalendarIconTrigger.CalendarIconTrigger, {})), isControllerOnly || showCalendar ? /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+      children: /*#__PURE__*/_jsx__default["default"]("div", {
+        onKeyDown: handleMenuWrapperKeyDown
+      }, void 0, _CalendarWrapper || (_CalendarWrapper = /*#__PURE__*/_jsx__default["default"](CalendarWrapper.CalendarWrapper, {})))
+    }) : null]
+  });
 });
 
 exports.Calendar = Calendar;
 exports.WrapWithCalendarContext = WrapWithCalendarContext;
-//# sourceMappingURL=Calendar.js.map

package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarBody.js

@@ -2,42 +2,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
-var controlledDateTimePicker_parts_Pickers_Calendar_CalendarMonthDays = require('./CalendarMonthDays.js');
-var controlledDateTimePicker_parts_Pickers_Calendar_CalendarWeekDays = require('./CalendarWeekDays.js');
-var controlledDateTimePicker_parts_Pickers_Calendar_Styleds = require('./Styleds.js');
-require('./CalendarDaysList.js');
-require('./Day.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/defineProperty');
-require('../../../utils/dateHelpers.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('../../../utils/constants.js');
-require('../../../utils/stringHelpers.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('../../../utils/numberHelpers.js');
-require('../../../ControlledDateTimePickerDatatestid.js');
-require('../../../ControlledDateTimePickerCTX.js');
-require('../../../ControlledDateTimePickerTypes.js');
-require('./CalendarContext.js');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('styled-components');
-require('@elliemae/ds-system');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-button');
+var CalendarMonthDays = require('./CalendarMonthDays.js');
+var CalendarWeekDays = require('./CalendarWeekDays.js');
+var Styleds = require('./Styleds.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var CalendarBody = /*#__PURE__*/React__default['default'].memo(function (_ref) {
-  var weekRowsNum = _ref.weekRowsNum;
-  return /*#__PURE__*/React__default['default'].createElement("span", {
+var _CalendarWeekDays, _StyledBody;
+const CalendarBody = /*#__PURE__*/React__default["default"].memo(_ref => {
+  let {
+    weekRowsNum
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"]("span", {
     role: "grid",
     "aria-colcount": 7,
     "aria-rowcount": weekRowsNum
-  }, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_CalendarWeekDays.CalendarWeekDays, null), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.StyledBody, null, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_CalendarMonthDays.CalendarMonthDays, null)));
+  }, void 0, _CalendarWeekDays || (_CalendarWeekDays = /*#__PURE__*/_jsx__default["default"](CalendarWeekDays.CalendarWeekDays, {})), _StyledBody || (_StyledBody = /*#__PURE__*/_jsx__default["default"](Styleds.StyledBody, {}, void 0, /*#__PURE__*/_jsx__default["default"](CalendarMonthDays.CalendarMonthDays, {}))));
 });
 
 exports.CalendarBody = CalendarBody;
-//# sourceMappingURL=CalendarBody.js.map

package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarContent.js

@@ -2,59 +2,39 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
-var controlledDateTimePicker_ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
-var controlledDateTimePicker_parts_Pickers_Calendar_CalendarBody = require('./CalendarBody.js');
-var controlledDateTimePicker_parts_Pickers_Calendar_CalendarHead = require('./CalendarHead.js');
-var controlledDateTimePicker_parts_Pickers_Calendar_CalendarFooter = require('./CalendarFooter.js');
-var controlledDateTimePicker_parts_Pickers_Calendar_CalendarContext = require('./CalendarContext.js');
-var controlledDateTimePicker_parts_Pickers_Calendar_Styleds = require('./Styleds.js');
-require('./CalendarMonthDays.js');
-require('./CalendarDaysList.js');
-require('./Day.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/defineProperty');
-require('../../../utils/dateHelpers.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('../../../utils/constants.js');
-require('../../../utils/stringHelpers.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('../../../utils/numberHelpers.js');
-require('../../../ControlledDateTimePickerCTX.js');
-require('../../../ControlledDateTimePickerTypes.js');
-require('./CalendarWeekDays.js');
-require('@elliemae/ds-button');
-require('@elliemae/ds-icons');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('styled-components');
-require('@elliemae/ds-system');
-require('@elliemae/ds-grid');
+var ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
+var CalendarBody = require('./CalendarBody.js');
+var CalendarHead = require('./CalendarHead.js');
+var CalendarFooter = require('./CalendarFooter.js');
+var CalendarContext = require('./CalendarContext.js');
+var Styleds = require('./Styleds.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-/* eslint-disable max-len */
+var _CalendarHead, _CalendarFooter;
 // <StyledShadowWrapper className={className}>
 // is required for styled-components, without this we can't styled(CalendarContent)...
 // https://stackoverflow.com/questions/52542817/styled-components-not-applying-style-to-custom-functional-react-component
 
-var CalendarContent = function CalendarContent(_ref) {
-  var _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className;
-
-  var _useContext = React.useContext(controlledDateTimePicker_parts_Pickers_Calendar_CalendarContext.CalendarContext),
-      isControllerOnly = _useContext.isControllerOnly,
-      daysMatrixByWeekday = _useContext.daysMatrixByWeekday;
-
-  return /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.StyledShadowWrapper, {
+const CalendarContent = _ref => {
+  let {
+    className = ''
+  } = _ref;
+  const {
+    isControllerOnly,
+    daysMatrixByWeekday
+  } = React.useContext(CalendarContext.CalendarContext);
+  return /*#__PURE__*/_jsx__default["default"](Styleds.StyledShadowWrapper, {
     className: className,
     isControllerOnly: isControllerOnly,
-    "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR
-  }, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.StyledCalendarWrapper, null, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_CalendarHead.CalendarHead, null), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_CalendarBody.CalendarBody, {
+    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Styleds.StyledCalendarWrapper, {}, void 0, _CalendarHead || (_CalendarHead = /*#__PURE__*/_jsx__default["default"](CalendarHead.CalendarHead, {})), /*#__PURE__*/_jsx__default["default"](CalendarBody.CalendarBody, {
     weekRowsNum: daysMatrixByWeekday.length
-  }), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_CalendarFooter.CalendarFooter, null)));
+  }), _CalendarFooter || (_CalendarFooter = /*#__PURE__*/_jsx__default["default"](CalendarFooter.CalendarFooter, {}))));
 };
 
 exports.CalendarContent = CalendarContent;
-//# sourceMappingURL=CalendarContent.js.map

package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarContext.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 
 // eslint-disable-next-line @typescript-eslint/no-empty-function
-var noop = function noop() {};
+const noop = () => {};
 
-var defaultCalendarContext = {
+const defaultCalendarContext = {
   ariaCurrentValueForInputs: '',
   showCalendar: false,
   disabled: false,
@@ -55,9 +55,8 @@ var defaultCalendarContext = {
 };
 /** Context for cross component communication */
 
-var CalendarContext = /*#__PURE__*/React.createContext(defaultCalendarContext);
+const CalendarContext = /*#__PURE__*/React.createContext(defaultCalendarContext);
 
 exports.CalendarContext = CalendarContext;
-exports['default'] = CalendarContext;
+exports["default"] = CalendarContext;
 exports.defaultCalendarContext = defaultCalendarContext;
-//# sourceMappingURL=CalendarContext.js.map

package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarDaysList.js

@@ -2,46 +2,33 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 var React = require('react');
-var controlledDateTimePicker_parts_Pickers_Calendar_Day = require('./Day.js');
-var controlledDateTimePicker_parts_Pickers_Calendar_Styleds = require('./Styleds.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/defineProperty');
-require('../../../utils/dateHelpers.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('../../../utils/constants.js');
-require('../../../utils/stringHelpers.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('../../../utils/numberHelpers.js');
-require('../../../ControlledDateTimePickerDatatestid.js');
-require('../../../ControlledDateTimePickerCTX.js');
-require('../../../ControlledDateTimePickerTypes.js');
-require('./CalendarContext.js');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('styled-components');
-require('@elliemae/ds-system');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-button');
+var Day = require('./Day.js');
+var Styleds = require('./Styleds.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var CalendarDaysList = /*#__PURE__*/React__default['default'].memo(function (_ref) {
-  var invisibleFirstDay = _ref.invisibleFirstDay,
-      daysMatrixByWeekday = _ref.daysMatrixByWeekday,
-      invisibleLastDay = _ref.invisibleLastDay,
-      innerRef = _ref.innerRef;
-  return /*#__PURE__*/React__default['default'].createElement("div", {
+const CalendarDaysList = /*#__PURE__*/React__default["default"].memo(_ref => {
+  let {
+    invisibleFirstDay,
+    daysMatrixByWeekday,
+    invisibleLastDay,
+    innerRef
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
     ref: innerRef,
-    role: "rowgroup"
-  }, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Day.Day, {
-    key: "ds-calendar-".concat(invisibleFirstDay.day.toString()),
-    metaDay: invisibleFirstDay,
-    isInvisible: true
-  }), daysMatrixByWeekday.map(function (week, i) {
-    return /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.StyledWeekDaysListWrapper, {
-      key: "ds-calendar-week-".concat(week[0].day.toString(), "-").concat(week[6].day.toString()),
+    role: "rowgroup",
+    children: [/*#__PURE__*/_jsx__default["default"](Day.Day, {
+      metaDay: invisibleFirstDay,
+      isInvisible: true
+    }, "ds-calendar-".concat(invisibleFirstDay.day.toString())), daysMatrixByWeekday.map((week, i) => /*#__PURE__*/_jsx__default["default"](Styleds.StyledWeekDaysListWrapper, {
       role: "row",
       "aria-rowindex": i + 1,
       cols: ['32px', '32px', '32px', '32px', '32px', '32px', '32px'],
@@ -50,19 +37,14 @@ var CalendarDaysList = /*#__PURE__*/React__default['default'].memo(function (_re
       px: "2px",
       justifyContent: "space-between",
       alignItems: "center"
-    }, week.map(function (metaDay, z) {
-      return /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Day.Day, {
-        key: "ds-calendar-".concat(metaDay.day.toString()),
-        metaDay: metaDay,
-        colIndex: z + 1
-      });
-    }));
-  }), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Day.Day, {
-    key: "ds-calendar-".concat(invisibleLastDay.day.toString()),
-    metaDay: invisibleLastDay,
-    isInvisible: true
-  }));
+    }, "ds-calendar-week-".concat(week[0].day.toString(), "-").concat(week[6].day.toString()), week.map((metaDay, z) => /*#__PURE__*/_jsx__default["default"](Day.Day, {
+      metaDay: metaDay,
+      colIndex: z + 1
+    }, "ds-calendar-".concat(metaDay.day.toString()))))), /*#__PURE__*/_jsx__default["default"](Day.Day, {
+      metaDay: invisibleLastDay,
+      isInvisible: true
+    }, "ds-calendar-".concat(invisibleLastDay.day.toString()))]
+  });
 });
 
 exports.CalendarDaysList = CalendarDaysList;
-//# sourceMappingURL=CalendarDaysList.js.map

package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarFooter.js

@@ -2,32 +2,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
-var controlledDateTimePicker_ControlledDateTimePickerCTX = require('../../../ControlledDateTimePickerCTX.js');
-var controlledDateTimePicker_parts_Pickers_Calendar_Styleds = require('./Styleds.js');
-require('../../../ControlledDateTimePickerTypes.js');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('styled-components');
-require('@elliemae/ds-system');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-button');
+var ControlledDateTimePickerCTX = require('../../../ControlledDateTimePickerCTX.js');
+var Styleds = require('./Styleds.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-var CalendarFooter = function CalendarFooter() {
-  var _useContext = React.useContext(controlledDateTimePicker_ControlledDateTimePickerCTX.ControlledDateTimePickerContext),
-      _useContext$props = _useContext.props,
-      pickerFooterMsg = _useContext$props.pickerFooterMsg,
-      hasError = _useContext$props.hasError,
-      isWithTimeWheelToo = _useContext.isWithTimeWheelToo;
-
-  if (pickerFooterMsg !== undefined && !isWithTimeWheelToo && hasError) return /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.CalendarFooterMessage, {
+const CalendarFooter = () => {
+  const {
+    props: {
+      pickerFooterMsg,
+      hasError
+    },
+    isWithTimeWheelToo
+  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  if (pickerFooterMsg !== undefined && !isWithTimeWheelToo && hasError) return /*#__PURE__*/_jsx__default["default"](Styleds.CalendarFooterMessage, {
     role: "alert"
-  }, pickerFooterMsg);
+  }, void 0, pickerFooterMsg);
   return null;
 };
 
 exports.CalendarFooter = CalendarFooter;
-//# sourceMappingURL=CalendarFooter.js.map

package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarHead.js

@@ -2,64 +2,53 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var DSButton = require('@elliemae/ds-button');
 var dsIcons = require('@elliemae/ds-icons');
-var controlledDateTimePicker_ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
-var controlledDateTimePicker_utils_dateHelpers = require('../../../utils/dateHelpers.js');
-var controlledDateTimePicker_parts_Pickers_Calendar_Styleds = require('./Styleds.js');
-var controlledDateTimePicker_parts_Pickers_Calendar_CalendarContext = require('./CalendarContext.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('../../../utils/constants.js');
-require('../../../utils/stringHelpers.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('../../../utils/numberHelpers.js');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('styled-components');
-require('@elliemae/ds-system');
-require('@elliemae/ds-grid');
+var ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
+var dateHelpers = require('../../../utils/dateHelpers.js');
+var Styleds = require('./Styleds.js');
+var CalendarContext = require('./CalendarContext.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-/* eslint-disable complexity */
+var _ChevronDoubleLeft, _ChevronLeft, _ChevronRight, _ChevronDoubleRight;
 
-var useGetFormattedCurrentDate = function useGetFormattedCurrentDate() {
-  var _useContext = React.useContext(controlledDateTimePicker_parts_Pickers_Calendar_CalendarContext.CalendarContext),
-      currentMonth = _useContext.currentMonth,
-      currentYear = _useContext.currentYear;
-
-  var monthString = currentMonth >= 0 && currentMonth <= 11 ? "".concat(controlledDateTimePicker_utils_dateHelpers.getMonthNameByMonthNumber(currentMonth), " ") : '';
-  return React.useMemo(function () {
-    return "".concat(monthString).concat(currentYear);
-  }, [monthString, currentYear]);
+const useGetFormattedCurrentDate = () => {
+  const {
+    currentMonth,
+    currentYear
+  } = React.useContext(CalendarContext.CalendarContext);
+  const monthString = currentMonth >= 0 && currentMonth <= 11 ? "".concat(dateHelpers.getMonthNameByMonthNumber(currentMonth), " ") : '';
+  return React.useMemo(() => "".concat(monthString).concat(currentYear), [monthString, currentYear]);
 };
 
-var CalendarHead = function CalendarHead() {
-  var currentFormatedDate = useGetFormattedCurrentDate();
-
-  var _useContext2 = React.useContext(controlledDateTimePicker_parts_Pickers_Calendar_CalendarContext.CalendarContext),
-      prevYearBtnRef = _useContext2.prevYearBtnRef,
-      prevMonthBtnRef = _useContext2.prevMonthBtnRef,
-      nextMonthBtnRef = _useContext2.nextMonthBtnRef,
-      nextYearBtnRef = _useContext2.nextYearBtnRef,
-      handlePrevYear = _useContext2.handlePrevYear,
-      handlePrevMonth = _useContext2.handlePrevMonth,
-      handleNextMonth = _useContext2.handleNextMonth,
-      handleNextYear = _useContext2.handleNextYear,
-      handlePrevYearKeyDown = _useContext2.handlePrevYearKeyDown,
-      handlePrevMonthKeyDown = _useContext2.handlePrevMonthKeyDown,
-      handleNextMonthKeyDown = _useContext2.handleNextMonthKeyDown,
-      handleNextYearKeyDown = _useContext2.handleNextYearKeyDown,
-      onPrevYearFocus = _useContext2.onPrevYearFocus,
-      onPrevMonthFocus = _useContext2.onPrevMonthFocus,
-      onNextMonthFocus = _useContext2.onNextMonthFocus,
-      onNextYearFocus = _useContext2.onNextYearFocus,
-      isControllerOnly = _useContext2.isControllerOnly,
-      autoFocusPrevMonthArrow = _useContext2.autoFocusPrevMonthArrow;
-
-  return /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.StyledHeader, null, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.StyledHeaderButton, {
+const CalendarHead = () => {
+  const currentFormatedDate = useGetFormattedCurrentDate();
+  const {
+    prevYearBtnRef,
+    prevMonthBtnRef,
+    nextMonthBtnRef,
+    nextYearBtnRef,
+    handlePrevYear,
+    handlePrevMonth,
+    handleNextMonth,
+    handleNextYear,
+    handlePrevYearKeyDown,
+    handlePrevMonthKeyDown,
+    handleNextMonthKeyDown,
+    handleNextYearKeyDown,
+    onPrevYearFocus,
+    onPrevMonthFocus,
+    onNextMonthFocus,
+    onNextYearFocus,
+    isControllerOnly,
+    autoFocusPrevMonthArrow
+  } = React.useContext(CalendarContext.CalendarContext);
+  return /*#__PURE__*/_jsx__default["default"](Styleds.StyledHeader, {}, void 0, /*#__PURE__*/_jsx__default["default"](Styleds.StyledHeaderButton, {
     "aria-label": "previous year",
     buttonType: "raw",
     size: DSButton.BUTTON_SIZES.M,
@@ -68,12 +57,12 @@ var CalendarHead = function CalendarHead() {
     onKeyDown: handlePrevYearKeyDown,
     onFocus: onPrevYearFocus,
     tabIndex: isControllerOnly ? -1 : 1,
-    "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.PREV_YEAR
-  }, /*#__PURE__*/React__default['default'].createElement(dsIcons.ChevronDoubleLeft, {
+    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.PREV_YEAR
+  }, void 0, _ChevronDoubleLeft || (_ChevronDoubleLeft = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronDoubleLeft, {
     height: 14,
     width: 14,
     fill: "#25292f"
-  })), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.StyledHeaderButton, {
+  }))), /*#__PURE__*/_jsx__default["default"](Styleds.StyledHeaderButton, {
     autoFocus: autoFocusPrevMonthArrow,
     "aria-label": "previous month",
     buttonType: "raw",
@@ -82,11 +71,11 @@ var CalendarHead = function CalendarHead() {
     innerRef: prevMonthBtnRef,
     onKeyDown: handlePrevMonthKeyDown,
     onFocus: onPrevMonthFocus,
-    "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.PREV_MONTH // this is a tabstop for when the calendar is open
+    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.PREV_MONTH // this is a tabstop for when the calendar is open
 
-  }, /*#__PURE__*/React__default['default'].createElement(dsIcons.ChevronLeft, {
+  }, void 0, _ChevronLeft || (_ChevronLeft = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronLeft, {
     fill: "#25292f"
-  })), /*#__PURE__*/React__default['default'].createElement("h3", null, currentFormatedDate), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.StyledHeaderButton, {
+  }))), /*#__PURE__*/_jsx__default["default"]("h3", {}, void 0, currentFormatedDate), /*#__PURE__*/_jsx__default["default"](Styleds.StyledHeaderButton, {
     "aria-label": "next month",
     buttonType: "raw",
     size: DSButton.BUTTON_SIZES.M,
@@ -94,10 +83,10 @@ var CalendarHead = function CalendarHead() {
     innerRef: nextMonthBtnRef,
     onKeyDown: handleNextMonthKeyDown,
     onFocus: onNextMonthFocus,
-    "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.NEXT_MONTH
-  }, /*#__PURE__*/React__default['default'].createElement(dsIcons.ChevronRight, {
+    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.NEXT_MONTH
+  }, void 0, _ChevronRight || (_ChevronRight = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronRight, {
     fill: "#25292f"
-  })), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.StyledHeaderButton, {
+  }))), /*#__PURE__*/_jsx__default["default"](Styleds.StyledHeaderButton, {
     "aria-label": "next year",
     buttonType: "raw",
     size: DSButton.BUTTON_SIZES.M,
@@ -105,13 +94,12 @@ var CalendarHead = function CalendarHead() {
     innerRef: nextYearBtnRef,
     onKeyDown: handleNextYearKeyDown,
     onFocus: onNextYearFocus,
-    "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.NEXT_YEAR
-  }, /*#__PURE__*/React__default['default'].createElement(dsIcons.ChevronDoubleRight, {
+    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.NEXT_YEAR
+  }, void 0, _ChevronDoubleRight || (_ChevronDoubleRight = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronDoubleRight, {
     height: 14,
     width: 14,
     fill: "#25292f"
-  })));
+  }))));
 };
 
 exports.CalendarHead = CalendarHead;
-//# sourceMappingURL=CalendarHead.js.map