@spothero/ui 17.1.0-beta.5 → 17.1.0

package/dist/components/Datepicker/Range/components/DateRow.js

@@ -1,261 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
-var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-
-var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _react2 = require("@chakra-ui/react");
-
-var _dateRowCalculations = require("../../common/utils/dateRowCalculations");
-
-var _generalCalculations = require("../../common/utils/generalCalculations");
-
-var _sharedPropTypes = require("../../common/utils/sharedPropTypes");
-
-var _DatepickerRangeContext = require("../DatepickerRangeContext");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-var handleCalendarDateContainerBackgroundColorStyles = function handleCalendarDateContainerBackgroundColorStyles(selectedStartDate, selectedEndDate, hoveredDate, calendarDate) {
-  var defaultStyles = {
-    backgroundColor: 'transparent',
-    borderLeftRadius: 'none',
-    borderRightRadius: 'none'
-  }; // Only Start Date is Selected
-
-  if (selectedStartDate && !selectedEndDate) {
-    // Styles for Dates between Start and Hovered Dates
-    if ((0, _dateRowCalculations.withinRange)(calendarDate, hoveredDate, selectedStartDate)) {
-      return _objectSpread(_objectSpread({}, defaultStyles), {}, {
-        backgroundColor: 'primary.100'
-      });
-    } // Styles for Start Date depending on which direction the Hovered Date is in
-    else if ((0, _dateRowCalculations.areEqual)(calendarDate, selectedStartDate)) {
-      return _objectSpread(_objectSpread({}, defaultStyles), {}, {
-        backgroundColor: 'primary.100',
-        borderLeftRadius: !hoveredDate || (0, _dateRowCalculations.isAfterStart)(hoveredDate, selectedStartDate) || (0, _dateRowCalculations.areEqual)(hoveredDate, selectedStartDate) ? 'full' : 'none',
-        borderRightRadius: !hoveredDate || (0, _dateRowCalculations.isBeforeStart)(hoveredDate, selectedStartDate) || (0, _dateRowCalculations.areEqual)(hoveredDate, selectedStartDate) ? 'full' : 'none'
-      });
-    } // Styles for the Hovered Date depending on which direction the Start Date is in
-    else if ((0, _dateRowCalculations.areEqual)(calendarDate, hoveredDate)) {
-      return _objectSpread(_objectSpread({}, defaultStyles), {}, {
-        backgroundColor: 'primary.100',
-        borderLeftRadius: (0, _dateRowCalculations.isBeforeStart)(hoveredDate, selectedStartDate) ? 'full' : 'none',
-        borderRightRadius: (0, _dateRowCalculations.isAfterStart)(hoveredDate, selectedStartDate) ? 'full' : 'none'
-      });
-    }
-  } // Start and End date selectedRange
-  else if (selectedStartDate && selectedEndDate) {
-    // Styles for Dates between Start and End Dates
-    if ((0, _dateRowCalculations.withinRange)(calendarDate, selectedEndDate, selectedStartDate) || (0, _dateRowCalculations.areEqual)(calendarDate, selectedStartDate) || (0, _dateRowCalculations.areEqual)(calendarDate, selectedEndDate)) {
-      return _objectSpread(_objectSpread({}, defaultStyles), {}, {
-        backgroundColor: 'primary.100',
-        borderLeftRadius: (0, _dateRowCalculations.areEqual)(calendarDate, selectedStartDate) ? 'full' : 'none',
-        borderRightRadius: (0, _dateRowCalculations.areEqual)(calendarDate, selectedEndDate) ? 'full' : 'none'
-      });
-    }
-  } // Default Styling
-  else {
-    return defaultStyles;
-  }
-};
-
-var getCalendarDateContainerStyleProps = function getCalendarDateContainerStyleProps(selectedStartDate, selectedEndDate, hoveredDate, calendarDate) {
-  return _objectSpread(_objectSpread({
-    marginTop: 0,
-    padding: 0,
-    width: {
-      base: 10,
-      tablet: 12
-    },
-    height: {
-      base: 10,
-      tablet: 12
-    }
-  }, handleCalendarDateContainerBackgroundColorStyles(selectedStartDate, selectedEndDate, hoveredDate, calendarDate)), {}, {
-    _disabled: {
-      cursor: 'not-allowed',
-      backgroundColor: 'transparent',
-      border: 'none',
-      _hover: {
-        backgroundColor: 'transparent',
-        border: 'none'
-      }
-    }
-  });
-};
-
-var getCalendarDateStyleProps = function getCalendarDateStyleProps(today, date, calendarDate, selectedStartDate, selectedEndDate, disableBeforeDate, disableAfterDate) {
-  return {
-    padding: 0,
-    borderRadius: 'full',
-    width: {
-      base: 10,
-      tablet: 12
-    },
-    height: {
-      base: 10,
-      tablet: 12
-    },
-    borderColor: (0, _dateRowCalculations.selectedRange)(calendarDate, selectedStartDate, selectedEndDate) ? 'white' : 'transparent',
-    fontWeight: (0, _dateRowCalculations.selectedRange)(calendarDate, selectedStartDate, selectedEndDate) ? 'semibold' : (0, _dateRowCalculations.isToday)(calendarDate, today) ? 'bold' : 'base',
-    zIndex: (0, _dateRowCalculations.selectedRange)(calendarDate, selectedStartDate, selectedEndDate) ? '1200' : '1100',
-    backgroundColor: (0, _dateRowCalculations.selectedRange)(calendarDate, selectedStartDate, selectedEndDate) ? 'primary.default' : 'transparent',
-    color: (0, _dateRowCalculations.selectedRange)(calendarDate, selectedStartDate, selectedEndDate) ? 'text.primary.dark' : (0, _dateRowCalculations.outOfMonth)(calendarDate, date) || (0, _dateRowCalculations.isBeforeDisabledDate)(calendarDate, disableBeforeDate) || (0, _dateRowCalculations.isAfterDisabledDate)(calendarDate, disableAfterDate) ? 'text.secondary.light' : 'text.primary.light',
-    _hover: {
-      borderWidth: '1px',
-      borderColor: (0, _dateRowCalculations.selectedRange)(calendarDate, selectedStartDate, selectedEndDate) ? 'white' : 'primary.default',
-      backgroundColor: (0, _dateRowCalculations.selectedRange)(calendarDate, selectedStartDate, selectedEndDate) ? 'primary.600' : 'white'
-    },
-    _active: {
-      backgroundColor: 'gray.light',
-      borderColor: 'white',
-      color: 'text.secondary.light'
-    },
-    _disabled: {
-      cursor: 'not-allowed',
-      backgroundColor: 'transparent',
-      border: 'none',
-      borderColor: 'white',
-      _hover: {
-        backgroundColor: 'transparent',
-        border: 'none',
-        borderColor: 'white'
-      }
-    }
-  };
-};
-
-var DateRow = function DateRow(_ref) {
-  var dates = _ref.dates,
-      dateRowOverrides = _ref.dateRowOverrides;
-
-  /* eslint-disable no-unused-vars */
-  var _useState = (0, _react.useState)(),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      hoveredDate = _useState2[0],
-      setHoveredDate = _useState2[1];
-
-  var _useDatepickerRange = (0, _DatepickerRangeContext.useDatepickerRange)(),
-      _useDatepickerRange$t = (0, _slicedToArray2.default)(_useDatepickerRange.today, 1),
-      today = _useDatepickerRange$t[0],
-      _useDatepickerRange$d = (0, _slicedToArray2.default)(_useDatepickerRange.date, 2),
-      date = _useDatepickerRange$d[0],
-      setDate = _useDatepickerRange$d[1],
-      _useDatepickerRange$s = (0, _slicedToArray2.default)(_useDatepickerRange.selectedStartDate, 2),
-      selectedStartDate = _useDatepickerRange$s[0],
-      setSelectedStartDate = _useDatepickerRange$s[1],
-      _useDatepickerRange$s2 = (0, _slicedToArray2.default)(_useDatepickerRange.selectedEndDate, 2),
-      selectedEndDate = _useDatepickerRange$s2[0],
-      setSelectedEndDate = _useDatepickerRange$s2[1],
-      _useDatepickerRange$s3 = (0, _slicedToArray2.default)(_useDatepickerRange.startIsSelected, 2),
-      startIsSelected = _useDatepickerRange$s3[0],
-      setStartIsSelected = _useDatepickerRange$s3[1],
-      _useDatepickerRange$e = (0, _slicedToArray2.default)(_useDatepickerRange.endIsSelected, 2),
-      endIsSelected = _useDatepickerRange$e[0],
-      setEndIsSelected = _useDatepickerRange$e[1],
-      _useDatepickerRange$d2 = (0, _slicedToArray2.default)(_useDatepickerRange.disableBeforeDate, 1),
-      disableBeforeDate = _useDatepickerRange$d2[0],
-      _useDatepickerRange$d3 = (0, _slicedToArray2.default)(_useDatepickerRange.disableAfterDate, 1),
-      disableAfterDate = _useDatepickerRange$d3[0],
-      onClose = _useDatepickerRange.disclosure.onClose;
-  /* eslint-enable no-unused-vars */
-
-
-  var handleSelect = function handleSelect(providedDate) {
-    return function () {
-      if (startIsSelected) {
-        setSelectedStartDate(new Date(providedDate));
-        setSelectedEndDate(null);
-        setStartIsSelected(false);
-        setEndIsSelected(true);
-      } else if (endIsSelected) {
-        if (providedDate < selectedStartDate) {
-          setSelectedEndDate(selectedStartDate);
-          setSelectedStartDate(new Date(providedDate));
-        } else {
-          setSelectedEndDate(new Date(providedDate));
-        }
-
-        setStartIsSelected(false);
-        setEndIsSelected(false);
-        onClose();
-      } else {
-        setStartIsSelected(true);
-        setEndIsSelected(false);
-      }
-
-      setDate(new Date(providedDate));
-    };
-  };
-
-  var handleMouseEnter = function handleMouseEnter(evt) {
-    setHoveredDate(new Date(evt.target.value));
-  };
-
-  var handleMouseLeave = function handleMouseLeave() {
-    setHoveredDate(null);
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_react2.Tbody, (0, _extends2.default)({
-    "data-testid": "Datepicker-calendarDatesContainer"
-  }, dateRowOverrides === null || dateRowOverrides === void 0 ? void 0 : dateRowOverrides.tbody), (0, _map.default)(dates).call(dates, function (week, index) {
-    return /*#__PURE__*/_react.default.createElement(_react2.Tr, (0, _extends2.default)({
-      key: index,
-      border: "none",
-      "data-testid": "Datepicker-calendarRow"
-    }, dateRowOverrides === null || dateRowOverrides === void 0 ? void 0 : dateRowOverrides.tr), (0, _map.default)(week).call(week, function (calendarDate, idx) {
-      return /*#__PURE__*/_react.default.createElement(_react2.Td, (0, _extends2.default)({
-        key: idx,
-        "data-date": (0, _generalCalculations.formatForDataDate)(calendarDate),
-        "data-testid": "Datepicker-calendarDate-Td"
-      }, getCalendarDateContainerStyleProps(selectedStartDate, selectedEndDate, hoveredDate, calendarDate), {
-        disabled: (0, _dateRowCalculations.isBeforeDisabledDate)(calendarDate, disableBeforeDate) || (0, _dateRowCalculations.isAfterDisabledDate)(calendarDate, disableAfterDate)
-      }, dateRowOverrides === null || dateRowOverrides === void 0 ? void 0 : dateRowOverrides.td), /*#__PURE__*/_react.default.createElement(_react2.Button, (0, _extends2.default)({
-        value: calendarDate,
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave,
-        "data-testid": "Datepicker-calendarDate-Button",
-        onClick: handleSelect(calendarDate)
-      }, getCalendarDateStyleProps(today, date, calendarDate, selectedStartDate, selectedEndDate, disableBeforeDate, disableAfterDate), {
-        disabled: (0, _dateRowCalculations.isBeforeDisabledDate)(calendarDate, disableBeforeDate) || (0, _dateRowCalculations.isAfterDisabledDate)(calendarDate, disableAfterDate)
-      }, dateRowOverrides === null || dateRowOverrides === void 0 ? void 0 : dateRowOverrides.button), (0, _dateRowCalculations.getButtonText)(calendarDate)));
-    }));
-  }));
-};
-
-var _default = DateRow;
-exports.default = _default;

package/dist/components/Datepicker/Range/components/DatepickerRangeContainer.js

@@ -1,227 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
-var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-
-var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getPopoverProps = exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _react2 = require("@chakra-ui/react");
-
-var _components = require("../../common/components");
-
-var _DatepickerRangeContext = require("../DatepickerRangeContext");
-
-var _propTypes = require("../utils/propTypes");
-
-var _DateRow = _interopRequireDefault(require("./DateRow"));
-
-var _DatepickerRangeControls = _interopRequireDefault(require("./DatepickerRangeControls"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-var popoverContentStyleProps = {
-  width: {
-    base: 304,
-    tablet: 384
-  },
-  padding: {
-    base: 3,
-    tablet: 4
-  },
-  maxWidth: 'none',
-  borderRadius: 'lg',
-  boxShadow: 'lg'
-};
-var popoverBodyStyleProps = {
-  width: {
-    base: 280,
-    tablet: 352
-  },
-  display: 'flex',
-  flexDirection: 'column',
-  alignItems: 'center'
-};
-
-var getPopoverProps = function getPopoverProps(_ref) {
-  var isOpen = _ref.isOpen,
-      onCloseCallback = _ref.onCloseCallback,
-      startIsSelected = _ref.startIsSelected,
-      endIsSelected = _ref.endIsSelected,
-      isMobile = _ref.isMobile;
-  return {
-    isOpen: isOpen,
-    onClose: onCloseCallback,
-    closeOnBlur: true,
-    returnFocusOnClose: false,
-    isLazy: true,
-    lazyBehavior: 'keepMounted',
-    openDelay: 250,
-    closeDelay: 250,
-    placement: startIsSelected && !endIsSelected && !isMobile ? 'bottom-start' : !startIsSelected && endIsSelected && !isMobile ? 'bottom-end' : 'bottom',
-    modifiers: [{
-      name: 'customStyles',
-      enabled: true,
-      phase: 'write',
-      fn: function fn(_ref2) {
-        var state = _ref2.state;
-        return _objectSpread(_objectSpread({}, state), {}, {
-          styles: _objectSpread(_objectSpread({}, state.styles), {}, {
-            popper: _objectSpread(_objectSpread({}, state.styles.popper), {}, {
-              zIndex: 'var(--chakra-zIndices-layer10)'
-            })
-          })
-        });
-      }
-    }]
-  };
-};
-
-exports.getPopoverProps = getPopoverProps;
-
-var DatepickerRangeContainer = function DatepickerRangeContainer(_ref3) {
-  var _datepickerRangeOverr, _datepickerRangeOverr2, _datepickerRangeOverr3;
-
-  var onDateChange = _ref3.onDateChange,
-      usePortal = _ref3.usePortal,
-      useInputIcons = _ref3.useInputIcons,
-      startDateInputLabelText = _ref3.startDateInputLabelText,
-      startDateInputPlaceholderText = _ref3.startDateInputPlaceholderText,
-      startDateInputErrorText = _ref3.startDateInputErrorText,
-      endDateInputLabelText = _ref3.endDateInputLabelText,
-      endDateInputPlaceholderText = _ref3.endDateInputPlaceholderText,
-      endDateInputErrorText = _ref3.endDateInputErrorText,
-      datepickerRangeOverrides = _ref3.datepickerRangeOverrides;
-
-  var _useDatepickerRange = (0, _DatepickerRangeContext.useDatepickerRange)(),
-      _useDatepickerRange$s = (0, _slicedToArray2.default)(_useDatepickerRange.selectedStartDate, 1),
-      selectedStartDate = _useDatepickerRange$s[0],
-      _useDatepickerRange$s2 = (0, _slicedToArray2.default)(_useDatepickerRange.selectedEndDate, 1),
-      selectedEndDate = _useDatepickerRange$s2[0],
-      _useDatepickerRange$s3 = (0, _slicedToArray2.default)(_useDatepickerRange.startIsSelected, 2),
-      startIsSelected = _useDatepickerRange$s3[0],
-      setStartIsSelected = _useDatepickerRange$s3[1],
-      _useDatepickerRange$e = (0, _slicedToArray2.default)(_useDatepickerRange.endIsSelected, 2),
-      endIsSelected = _useDatepickerRange$e[0],
-      setEndIsSelected = _useDatepickerRange$e[1],
-      _useDatepickerRange$d = _useDatepickerRange.disclosure,
-      isOpen = _useDatepickerRange$d.isOpen,
-      onOpen = _useDatepickerRange$d.onOpen,
-      onClose = _useDatepickerRange$d.onClose;
-
-  var isMobile = (0, _react2.useBreakpointValue)({
-    base: true,
-    mobileXL: false
-  });
-
-  var handlePopoverClose = function handlePopoverClose() {
-    setStartIsSelected(false);
-    setEndIsSelected(false);
-    onClose();
-  };
-
-  var onClickStart = function onClickStart() {
-    if (!isOpen) {
-      onOpen();
-      setStartIsSelected(true);
-      setEndIsSelected(false);
-    } else if (isOpen && !startIsSelected) {
-      setStartIsSelected(true);
-      setEndIsSelected(false);
-    } else if (isOpen && startIsSelected) {
-      handlePopoverClose();
-    }
-  };
-
-  var onClickEnd = function onClickEnd() {
-    if (!isOpen) {
-      onOpen();
-      setStartIsSelected(false);
-      setEndIsSelected(true);
-    } else if (isOpen && !endIsSelected) {
-      setStartIsSelected(false);
-      setEndIsSelected(true);
-    } else if (isOpen && endIsSelected) {
-      handlePopoverClose();
-    }
-  };
-
-  (0, _react.useEffect)(function () {
-    onDateChange === null || onDateChange === void 0 ? void 0 : onDateChange({
-      startDate: selectedStartDate,
-      endDate: selectedEndDate,
-      startIsSelected: startIsSelected,
-      endIsSelected: endIsSelected
-    }); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [selectedStartDate, selectedEndDate, startIsSelected, endIsSelected]);
-  return /*#__PURE__*/_react.default.createElement(_react2.Popover, (0, _extends2.default)({}, getPopoverProps({
-    isOpen: isOpen,
-    onCloseCallback: handlePopoverClose,
-    startIsSelected: startIsSelected,
-    endIsSelected: endIsSelected,
-    isMobile: isMobile
-  }), datepickerRangeOverrides === null || datepickerRangeOverrides === void 0 ? void 0 : datepickerRangeOverrides.popover), /*#__PURE__*/_react.default.createElement(_DatepickerRangeControls.default, {
-    selectedStartDate: selectedStartDate,
-    startIsSelected: startIsSelected,
-    onClickStart: onClickStart,
-    selectedEndDate: selectedEndDate,
-    endIsSelected: endIsSelected,
-    onClickEnd: onClickEnd,
-    useInputIcons: useInputIcons,
-    startDateInputLabelText: startDateInputLabelText,
-    startDateInputPlaceholderText: startDateInputPlaceholderText,
-    startDateInputErrorText: startDateInputErrorText,
-    endDateInputLabelText: endDateInputLabelText,
-    endDateInputPlaceholderText: endDateInputPlaceholderText,
-    endDateInputErrorText: endDateInputErrorText,
-    datepickerRangeControlsOverrides: datepickerRangeOverrides === null || datepickerRangeOverrides === void 0 ? void 0 : datepickerRangeOverrides.datepickerRangeControlsOverrides
-  }), /*#__PURE__*/_react.default.createElement(_components.WithPortal, (0, _extends2.default)({
-    usePortal: usePortal
-  }, datepickerRangeOverrides === null || datepickerRangeOverrides === void 0 ? void 0 : datepickerRangeOverrides.portal), /*#__PURE__*/_react.default.createElement(_react2.PopoverContent, (0, _extends2.default)({
-    role: "dialog",
-    "aria-modal": "true",
-    "aria-label": "Choose Date",
-    "data-testid": "PopoverContent"
-  }, popoverContentStyleProps, datepickerRangeOverrides === null || datepickerRangeOverrides === void 0 ? void 0 : datepickerRangeOverrides.popoverContent), /*#__PURE__*/_react.default.createElement(_react2.PopoverBody, (0, _extends2.default)({
-    "data-testid": "PopoverBody"
-  }, popoverBodyStyleProps, datepickerRangeOverrides === null || datepickerRangeOverrides === void 0 ? void 0 : (_datepickerRangeOverr = datepickerRangeOverrides.datepickerRangeBodyOverrides) === null || _datepickerRangeOverr === void 0 ? void 0 : _datepickerRangeOverr.popoverBody), /*#__PURE__*/_react.default.createElement(_components.DatepickerHeader, {
-    datepickerHeaderOverrides: datepickerRangeOverrides === null || datepickerRangeOverrides === void 0 ? void 0 : (_datepickerRangeOverr2 = datepickerRangeOverrides.datepickerRangeBodyOverrides) === null || _datepickerRangeOverr2 === void 0 ? void 0 : _datepickerRangeOverr2.datepickerHeaderOverrides,
-    context: _DatepickerRangeContext.DatepickerRangeContext
-  }), /*#__PURE__*/_react.default.createElement(_components.DatepickerDays, {
-    datepickerDaysOverrides: datepickerRangeOverrides === null || datepickerRangeOverrides === void 0 ? void 0 : (_datepickerRangeOverr3 = datepickerRangeOverrides.datepickerRangeBodyOverrides) === null || _datepickerRangeOverr3 === void 0 ? void 0 : _datepickerRangeOverr3.datepickerDaysOverrides,
-    context: _DatepickerRangeContext.DatepickerRangeContext,
-    DateRow: _DateRow.default
-  })))));
-};
-
-var _default = DatepickerRangeContainer;
-exports.default = _default;

package/dist/components/Datepicker/Range/components/DatepickerRangeControls.js

@@ -1,80 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@chakra-ui/react");
-
-var _components = require("../../common/components");
-
-var _DatepickerRangeContext = require("../DatepickerRangeContext");
-
-var _propTypes = require("../utils/propTypes");
-
-var DatepickerRangeControls = function DatepickerRangeControls(_ref) {
-  var selectedStartDate = _ref.selectedStartDate,
-      startIsSelected = _ref.startIsSelected,
-      onClickStart = _ref.onClickStart,
-      selectedEndDate = _ref.selectedEndDate,
-      endIsSelected = _ref.endIsSelected,
-      onClickEnd = _ref.onClickEnd,
-      useInputIcons = _ref.useInputIcons,
-      startDateInputLabelText = _ref.startDateInputLabelText,
-      startDateInputPlaceholderText = _ref.startDateInputPlaceholderText,
-      startDateInputErrorText = _ref.startDateInputErrorText,
-      endDateInputLabelText = _ref.endDateInputLabelText,
-      endDateInputPlaceholderText = _ref.endDateInputPlaceholderText,
-      endDateInputErrorText = _ref.endDateInputErrorText,
-      datepickerRangeControlsOverrides = _ref.datepickerRangeControlsOverrides;
-
-  var _useDatepickerRange = (0, _DatepickerRangeContext.useDatepickerRange)(),
-      isStartInvalid = _useDatepickerRange.isStartInvalid,
-      isEndInvalid = _useDatepickerRange.isEndInvalid;
-
-  return /*#__PURE__*/_react.default.createElement(_react2.Flex, (0, _extends2.default)({
-    "data-testid": "Datepicker-ControlsContainer",
-    direction: {
-      base: 'column',
-      mobileXL: 'row'
-    },
-    gap: {
-      base: 2,
-      tablet: 9
-    }
-  }, datepickerRangeControlsOverrides === null || datepickerRangeControlsOverrides === void 0 ? void 0 : datepickerRangeControlsOverrides.controlsContainer), /*#__PURE__*/_react.default.createElement(_components.DatepickerInput, {
-    isSelected: startIsSelected,
-    onClick: onClickStart,
-    selectionPosition: "start",
-    value: selectedStartDate,
-    useInputIcons: useInputIcons,
-    isInputInvalid: isStartInvalid,
-    inputLabelText: startDateInputLabelText,
-    placeholderText: startDateInputPlaceholderText,
-    errorText: startDateInputErrorText,
-    context: _DatepickerRangeContext.DatepickerRangeContext,
-    inputComponentOverrides: datepickerRangeControlsOverrides === null || datepickerRangeControlsOverrides === void 0 ? void 0 : datepickerRangeControlsOverrides.startDateInputComponentOverrides
-  }), /*#__PURE__*/_react.default.createElement(_components.DatepickerInput, {
-    isSelected: endIsSelected,
-    onClick: onClickEnd,
-    selectionPosition: "end",
-    value: selectedEndDate,
-    useInputIcons: useInputIcons,
-    isInputInvalid: isEndInvalid,
-    inputLabelText: endDateInputLabelText,
-    placeholderText: endDateInputPlaceholderText,
-    errorText: endDateInputErrorText,
-    context: _DatepickerRangeContext.DatepickerRangeContext,
-    inputComponentOverrides: datepickerRangeControlsOverrides === null || datepickerRangeControlsOverrides === void 0 ? void 0 : datepickerRangeControlsOverrides.endDateInputComponentOverrides
-  }));
-};
-
-var _default = DatepickerRangeControls;
-exports.default = _default;

package/dist/components/Datepicker/Range/components/index.js

@@ -1,31 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "DateRow", {
-  enumerable: true,
-  get: function get() {
-    return _DateRow.default;
-  }
-});
-Object.defineProperty(exports, "DatepickerRangeContainer", {
-  enumerable: true,
-  get: function get() {
-    return _DatepickerRangeContainer.default;
-  }
-});
-Object.defineProperty(exports, "DatepickerRangeControls", {
-  enumerable: true,
-  get: function get() {
-    return _DatepickerRangeControls.default;
-  }
-});
-
-var _DateRow = _interopRequireDefault(require("./DateRow"));
-
-var _DatepickerRangeControls = _interopRequireDefault(require("./DatepickerRangeControls"));
-
-var _DatepickerRangeContainer = _interopRequireDefault(require("./DatepickerRangeContainer"));