@elliemae/ds-controlled-form 1.57.1-rc.0 → 2.0.0-alpha.11

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

@@ -2,79 +2,50 @@
 
 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 = ({
+  children
+}) => {
+  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,24 @@
 
 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", {
-    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)));
-});
+var _CalendarWeekDays, _StyledBody;
+const CalendarBody = /*#__PURE__*/React__default["default"].memo(({
+  weekRowsNum
+}) => /*#__PURE__*/_jsx__default["default"]("span", {
+  role: "grid",
+  "aria-colcount": 7,
+  "aria-rowcount": weekRowsNum
+}, 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,38 @@
 
 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 = ({
+  className = ''
+}) => {
+  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,12 +5,11 @@ 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,
   setShowCalendar: noop,
   closeCalendar: noop,
   setPopperElement: noop,
@@ -55,9 +54,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,67 +2,44 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 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", {
-    ref: innerRef,
-    role: "rowgroup"
-  }, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Day.Day, {
-    key: "ds-calendar-".concat(invisibleFirstDay.day.toString()),
+const CalendarDaysList = /*#__PURE__*/React__default["default"].memo(({
+  invisibleFirstDay,
+  daysMatrixByWeekday,
+  invisibleLastDay,
+  innerRef
+}) => /*#__PURE__*/jsxRuntime.jsxs("div", {
+  ref: innerRef,
+  role: "rowgroup",
+  children: [/*#__PURE__*/_jsx__default["default"](Day.Day, {
     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: "row",
-      "aria-rowindex": i + 1,
-      cols: ['32px', '32px', '32px', '32px', '32px', '32px', '32px'],
-      rows: ['28px'],
-      py: "xxxs",
-      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()),
+  }, "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'],
+    rows: ['28px'],
+    py: "xxxs",
+    px: "2px",
+    justifyContent: "space-between",
+    alignItems: "center"
+  }, "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,116 +2,111 @@
 
 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 dsButton = require('@elliemae/ds-button');
+var ChevronDoubleLeft = require('@elliemae/ds-icons/ChevronDoubleLeft');
+var ChevronLeft = require('@elliemae/ds-icons/ChevronLeft');
+var ChevronRight = require('@elliemae/ds-icons/ChevronRight');
+var ChevronDoubleRight = require('@elliemae/ds-icons/ChevronDoubleRight');
+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);
+var ChevronDoubleLeft__default = /*#__PURE__*/_interopDefaultLegacy(ChevronDoubleLeft);
+var ChevronLeft__default = /*#__PURE__*/_interopDefaultLegacy(ChevronLeft);
+var ChevronRight__default = /*#__PURE__*/_interopDefaultLegacy(ChevronRight);
+var ChevronDoubleRight__default = /*#__PURE__*/_interopDefaultLegacy(ChevronDoubleRight);
 
-/* 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,
+    size: dsButton.BUTTON_SIZES.M,
     onClick: handlePrevYear,
     innerRef: prevYearBtnRef,
     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"](ChevronDoubleLeft__default["default"], {
     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",
-    size: DSButton.BUTTON_SIZES.M,
+    size: dsButton.BUTTON_SIZES.M,
     onClick: handlePrevMonth,
     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"](ChevronLeft__default["default"], {
     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,
+    size: dsButton.BUTTON_SIZES.M,
     onClick: handleNextMonth,
     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"](ChevronRight__default["default"], {
     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,
+    size: dsButton.BUTTON_SIZES.M,
     onClick: handleNextYear,
     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"](ChevronDoubleRight__default["default"], {
     height: 14,
     width: 14,
     fill: "#25292f"
-  })));
+  }))));
 };
 
 exports.CalendarHead = CalendarHead;
-//# sourceMappingURL=CalendarHead.js.map