@spothero/ui 17.0.3 → 17.1.0-beta.3

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

@@ -0,0 +1,146 @@
+"use strict";
+
+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 _react = _interopRequireDefault(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 _DatepickerContext = require("../DatepickerContext");
+
+var calendarDateContainerStyleProps = {
+  marginTop: 0,
+  padding: 0,
+  width: {
+    base: 10,
+    tablet: 12
+  },
+  height: {
+    base: 10,
+    tablet: 12
+  },
+  _disabled: {
+    cursor: 'not-allowed',
+    backgroundColor: 'transparent',
+    border: 'none',
+    _hover: {
+      backgroundColor: 'transparent',
+      border: 'none'
+    }
+  }
+};
+
+var getCalendarDateStyleProps = function getCalendarDateStyleProps(today, date, calendarDate, selectedDate, disableBeforeDate, disableAfterDate) {
+  return {
+    padding: 0,
+    width: {
+      base: 10,
+      tablet: 12
+    },
+    height: {
+      base: 10,
+      tablet: 12
+    },
+    borderRadius: 'full',
+    animation: 'ease-in-out',
+    _active: {
+      backgroundColor: 'gray.light',
+      borderColor: 'white',
+      color: 'text.secondary.light'
+    },
+    borderColor: (0, _dateRowCalculations.selectedSingle)(calendarDate, selectedDate) ? 'white' : 'transparent',
+    fontWeight: (0, _dateRowCalculations.selectedSingle)(calendarDate, selectedDate) ? 'semibold' : (0, _dateRowCalculations.isToday)(calendarDate, today) ? 'bold' : 'base',
+    zIndex: (0, _dateRowCalculations.selectedSingle)(calendarDate, selectedDate) ? '1200' : '1100',
+    backgroundColor: (0, _dateRowCalculations.selectedSingle)(calendarDate, selectedDate) ? 'primary.default' : 'transparent',
+    color: (0, _dateRowCalculations.selectedSingle)(calendarDate, selectedDate) ? '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.selectedSingle)(calendarDate, selectedDate) ? 'white' : 'primary.default',
+      backgroundColor: (0, _dateRowCalculations.selectedSingle)(calendarDate, selectedDate) ? 'primary.600' : 'transparent'
+    },
+    _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;
+
+  var _useDatepicker = (0, _DatepickerContext.useDatepicker)(),
+      _useDatepicker$today = (0, _slicedToArray2.default)(_useDatepicker.today, 1),
+      today = _useDatepicker$today[0],
+      _useDatepicker$date = (0, _slicedToArray2.default)(_useDatepicker.date, 2),
+      date = _useDatepicker$date[0],
+      setDate = _useDatepicker$date[1],
+      _useDatepicker$select = (0, _slicedToArray2.default)(_useDatepicker.selectedDate, 2),
+      selectedDate = _useDatepicker$select[0],
+      setSelectedDate = _useDatepicker$select[1],
+      _useDatepicker$disabl = (0, _slicedToArray2.default)(_useDatepicker.disableBeforeDate, 1),
+      disableBeforeDate = _useDatepicker$disabl[0],
+      _useDatepicker$disabl2 = (0, _slicedToArray2.default)(_useDatepicker.disableAfterDate, 1),
+      disableAfterDate = _useDatepicker$disabl2[0],
+      onClose = _useDatepicker.disclosure.onClose;
+
+  var handleSelect = function handleSelect(providedDate) {
+    return function () {
+      setSelectedDate(new Date(providedDate));
+      setDate(new Date(providedDate));
+      onClose();
+    };
+  };
+
+  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"
+      }, calendarDateContainerStyleProps, {
+        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,
+        onClick: handleSelect(calendarDate),
+        role: "gridcell",
+        "data-testid": "Datepicker-calendarDate-Button"
+      }, getCalendarDateStyleProps(today, date, calendarDate, selectedDate, 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/Single/components/DatepickerContainer.js

@@ -0,0 +1,167 @@
+"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 _propTypes = require("../utils/propTypes");
+
+var _DatepickerContext = require("../DatepickerContext");
+
+var _DateRow = _interopRequireDefault(require("./DateRow"));
+
+var _DatepickerControl = _interopRequireDefault(require("./DatepickerControl"));
+
+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,
+      isMobile = _ref.isMobile;
+  return {
+    isOpen: isOpen,
+    onClose: onCloseCallback,
+    closeOnBlur: true,
+    returnFocusOnClose: false,
+    isLazy: true,
+    lazyBehavior: 'keepMounted',
+    openDelay: 250,
+    closeDelay: 250,
+    placement: !isMobile ? 'bottom-start' : '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 DatepickerContainer = function DatepickerContainer(_ref3) {
+  var _datepickerOverrides$, _datepickerOverrides$2, _datepickerOverrides$3;
+
+  var onDateChange = _ref3.onDateChange,
+      usePortal = _ref3.usePortal,
+      useInputIcons = _ref3.useInputIcons,
+      dateInputLabelText = _ref3.dateInputLabelText,
+      dateInputPlaceholderText = _ref3.dateInputPlaceholderText,
+      dateInputErrorText = _ref3.dateInputErrorText,
+      datepickerOverrides = _ref3.datepickerOverrides;
+
+  var _useDatepicker = (0, _DatepickerContext.useDatepicker)(),
+      _useDatepicker$select = (0, _slicedToArray2.default)(_useDatepicker.selectedDate, 1),
+      selectedDate = _useDatepicker$select[0],
+      _useDatepicker$disclo = _useDatepicker.disclosure,
+      isOpen = _useDatepicker$disclo.isOpen,
+      onClose = _useDatepicker$disclo.onClose;
+
+  var isMobile = (0, _react2.useBreakpointValue)({
+    base: true,
+    mobileXL: false
+  });
+  (0, _react.useEffect)(function () {
+    onDateChange === null || onDateChange === void 0 ? void 0 : onDateChange({
+      selectedDate: selectedDate
+    }); // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [selectedDate]);
+  return /*#__PURE__*/_react.default.createElement(_react2.Popover, (0, _extends2.default)({}, getPopoverProps({
+    isOpen: isOpen,
+    onCloseCallback: onClose,
+    isMobile: isMobile
+  }), datepickerOverrides === null || datepickerOverrides === void 0 ? void 0 : datepickerOverrides.popover), /*#__PURE__*/_react.default.createElement(_DatepickerControl.default, {
+    value: selectedDate,
+    useInputIcons: useInputIcons,
+    inputLabelText: dateInputLabelText,
+    inputPlaceholderText: dateInputPlaceholderText,
+    errorText: dateInputErrorText,
+    datepickerControlOverrides: datepickerOverrides === null || datepickerOverrides === void 0 ? void 0 : datepickerOverrides.datepickerControlOverrides
+  }), /*#__PURE__*/_react.default.createElement(_components.WithPortal, (0, _extends2.default)({
+    usePortal: usePortal
+  }, datepickerOverrides === null || datepickerOverrides === void 0 ? void 0 : datepickerOverrides.portal), /*#__PURE__*/_react.default.createElement(_react2.PopoverContent, (0, _extends2.default)({
+    role: "dialog",
+    "aria-modal": "true",
+    "aria-label": "Choose Date",
+    "data-testid": "Datepicker-PopoverContent"
+  }, popoverContentStyleProps, datepickerOverrides === null || datepickerOverrides === void 0 ? void 0 : datepickerOverrides.popoverContent), /*#__PURE__*/_react.default.createElement(_react2.PopoverBody, (0, _extends2.default)({
+    "data-testid": "Datepicker-PopoverBody"
+  }, popoverBodyStyleProps, datepickerOverrides === null || datepickerOverrides === void 0 ? void 0 : (_datepickerOverrides$ = datepickerOverrides.datepickerBodyOverrides) === null || _datepickerOverrides$ === void 0 ? void 0 : _datepickerOverrides$.popoverBody), /*#__PURE__*/_react.default.createElement(_components.DatepickerHeader, {
+    datepickerHeaderOverrides: datepickerOverrides === null || datepickerOverrides === void 0 ? void 0 : (_datepickerOverrides$2 = datepickerOverrides.datepickerBodyOverrides) === null || _datepickerOverrides$2 === void 0 ? void 0 : _datepickerOverrides$2.datepickerHeaderOverrides,
+    context: _DatepickerContext.DatepickerContext
+  }), /*#__PURE__*/_react.default.createElement(_components.DatepickerDays, {
+    datepickerDaysOverrides: datepickerOverrides === null || datepickerOverrides === void 0 ? void 0 : (_datepickerOverrides$3 = datepickerOverrides.datepickerBodyOverrides) === null || _datepickerOverrides$3 === void 0 ? void 0 : _datepickerOverrides$3.datepickerDaysOverrides,
+    context: _DatepickerContext.DatepickerContext,
+    DateRow: _DateRow.default
+  })))));
+};
+
+var _default = DatepickerContainer;
+exports.default = _default;

package/dist/components/Datepicker/Single/components/DatepickerControl.js

@@ -0,0 +1,51 @@
+"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 _propTypes = require("../utils/propTypes");
+
+var _DatepickerContext = require("../DatepickerContext");
+
+var DatepickerControl = function DatepickerControl(_ref) {
+  var value = _ref.value,
+      useInputIcons = _ref.useInputIcons,
+      inputLabelText = _ref.inputLabelText,
+      inputPlaceholderText = _ref.inputPlaceholderText,
+      errorText = _ref.errorText,
+      datepickerControlOverrides = _ref.datepickerControlOverrides;
+
+  var _useDatepicker = (0, _DatepickerContext.useDatepicker)(),
+      isInvalid = _useDatepicker.isInvalid,
+      onOpen = _useDatepicker.disclosure.onOpen;
+
+  return /*#__PURE__*/_react.default.createElement(_react2.Flex, (0, _extends2.default)({
+    "data-testid": "Datepicker-ControlsContainer"
+  }, datepickerControlOverrides === null || datepickerControlOverrides === void 0 ? void 0 : datepickerControlOverrides.controlsContainer), /*#__PURE__*/_react.default.createElement(_components.DatepickerInput, {
+    asSingle: true,
+    onClick: onOpen,
+    value: value,
+    useInputIcons: useInputIcons,
+    isInputInvalid: isInvalid,
+    inputLabelText: inputLabelText,
+    placeholderText: inputPlaceholderText,
+    errorText: errorText,
+    context: _DatepickerContext.DatepickerContext,
+    inputComponentOverrides: datepickerControlOverrides === null || datepickerControlOverrides === void 0 ? void 0 : datepickerControlOverrides.inputComponentOverrides
+  }));
+};
+
+var _default = DatepickerControl;
+exports.default = _default;

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

@@ -0,0 +1,31 @@
+"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, "DatepickerContainer", {
+  enumerable: true,
+  get: function get() {
+    return _DatepickerContainer.default;
+  }
+});
+Object.defineProperty(exports, "DatepickerControl", {
+  enumerable: true,
+  get: function get() {
+    return _DatepickerControl.default;
+  }
+});
+
+var _DateRow = _interopRequireDefault(require("./DateRow"));
+
+var _DatepickerControl = _interopRequireDefault(require("./DatepickerControl"));
+
+var _DatepickerContainer = _interopRequireDefault(require("./DatepickerContainer"));

package/dist/components/Datepicker/Single/utils/propTypes.js

@@ -0,0 +1,88 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.datepickerOverridesProps = exports.datepickerControlOverridesProps = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _sharedPropTypes = require("../../common/utils/sharedPropTypes");
+
+var datepickerControlOverridesProps = _propTypes.default.shape({
+  /**
+   * Overrides for the Flex component that wraps the input field,
+   * see https://chakra-ui.com/docs/components/flex/props for more
+   */
+  controlsContainer: _propTypes.default.object,
+
+  /** Overrides for the Input component */
+  inputComponentOverrides: _sharedPropTypes.inputComponentOverridesProps
+});
+
+exports.datepickerControlOverridesProps = datepickerControlOverridesProps;
+
+var datepickerOverridesProps = _propTypes.default.shape({
+  /**
+   * Overrides for the parent Popover component,
+   * see https://chakra-ui.com/docs/components/popover/props for more
+   */
+  popover: _propTypes.default.object,
+
+  /**
+   * Overrides for the Portal component that wraps the Datepicker calendar Popover, see https://chakra-ui.com/docs/components/portal/props for more
+   */
+  portal: _propTypes.default.object,
+
+  /**
+   * Overrides for the PopoverContent component,
+   * see https://chakra-ui.com/docs/components/popover/props#other-props for more
+   */
+  popoverContent: _propTypes.default.object,
+
+  /** An optional Object containing style and prop overrides to be applied to the Form and Control component */
+  datepickerControlOverrides: datepickerControlOverridesProps,
+
+  /** An optional Object containing style and prop overrides to be applied to the Popover body, Calendar, and Header componets */
+  datepickerBodyOverrides: _sharedPropTypes.datepickerBodyOverridesProps
+});
+
+exports.datepickerOverridesProps = datepickerOverridesProps;
+var props = {
+  /** An optional (pre-selected) Selected Date to populate the Datepicker with  */
+  initialValue: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.instanceOf(Date)]),
+
+  /** A string in the format 'MM/DD/YYYY' representing the date where days before it should be disabled in the calendar */
+  disableBefore: _propTypes.default.string,
+
+  /** A string in the format 'MM/DD/YYYY' representing the date where days after it should be disabled in the calendar. */
+  disableAfter: _propTypes.default.string,
+
+  /** A callback function to execute on changes */
+  onDateChange: _propTypes.default.func,
+
+  /** Whether to render the Popover within a Portal or not */
+  usePortal: _propTypes.default.bool,
+
+  /** Whether to display the Selected Date Input as invalid or not */
+  isInvalid: _propTypes.default.bool,
+
+  /** Whether to show the Calendar Icon in the Input field. */
+  useInputIcons: _propTypes.default.bool,
+
+  /** A string to use as the Input form label */
+  dateInputLabelText: _propTypes.default.string,
+
+  /** A string to use as the Input placeholder text */
+  dateInputPlaceholderText: _propTypes.default.string,
+
+  /** A string to use as the Input form Error Text */
+  dateInputErrorText: _propTypes.default.string,
+
+  /** An optional Object containing style and prop overrides to be applied to the component and child components */
+  datepickerOverrides: datepickerOverridesProps
+};
+var _default = props;
+exports.default = _default;

package/dist/components/Datepicker/common/components/DatepickerDays.js

@@ -0,0 +1,111 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+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 _react = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@chakra-ui/react");
+
+var _constants = require("../utils/constants");
+
+var _getWeeksOfMonth = require("../utils/getWeeksOfMonth");
+
+var _sharedPropTypes = require("../utils/sharedPropTypes");
+
+var _generalCalculations = require("../utils/generalCalculations");
+
+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; }
+
+var datepickerCalendarTableStyleProps = {
+  border: 'none',
+  boxShadow: 'none',
+  padding: 0,
+  margin: 0,
+  width: {
+    base: '17.5rem',
+    tablet: '21rem'
+  }
+};
+var datepickerTheadStyleProps = {
+  height: {
+    base: 10,
+    tablet: 12
+  },
+  border: 'none'
+};
+
+var getDatepickerCalendarThStyleProps = function getDatepickerCalendarThStyleProps(today, weeks, index) {
+  return {
+    width: {
+      base: 10,
+      tablet: 12
+    },
+    padding: 0,
+    fontSize: 'base',
+    textAlign: 'center',
+    color: 'text.secondary.light',
+    fontWeight: (0, _generalCalculations.isCurrentMonthAndYearInView)(today, weeks) && today.getDay() === index ? 'bold' : 'normal'
+  };
+};
+
+var DatepickerDays = function DatepickerDays(_ref) {
+  var datepickerDaysOverrides = _ref.datepickerDaysOverrides,
+      context = _ref.context,
+      DateRow = _ref.DateRow;
+
+  var _useContext = (0, _react.useContext)(context),
+      _useContext$today = (0, _slicedToArray2.default)(_useContext.today, 1),
+      today = _useContext$today[0],
+      _useContext$date = (0, _slicedToArray2.default)(_useContext.date, 1),
+      date = _useContext$date[0];
+
+  var _useState = (0, _react.useState)(),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      weeks = _useState2[0],
+      setWeeks = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    setWeeks((0, _getWeeksOfMonth.getWeeksOfMonth)(date || new Date()));
+  }, [date]);
+  return /*#__PURE__*/_react.default.createElement(_react2.Table, (0, _extends2.default)({
+    role: "grid",
+    "aria-labelledby": "id-grid-label",
+    "data-testid": "DatepickerDays-Table"
+  }, datepickerCalendarTableStyleProps, datepickerDaysOverrides === null || datepickerDaysOverrides === void 0 ? void 0 : datepickerDaysOverrides.table), /*#__PURE__*/_react.default.createElement(_react2.Thead, (0, _extends2.default)({
+    "data-testid": "DatepickerDays-Thead"
+  }, datepickerTheadStyleProps, datepickerDaysOverrides === null || datepickerDaysOverrides === void 0 ? void 0 : datepickerDaysOverrides.thead), /*#__PURE__*/_react.default.createElement(_react2.Tr, {
+    "data-testid": "daysOfWeek-row"
+  }, (0, _map.default)(_constants.DAY_NAMES).call(_constants.DAY_NAMES, function (day, index) {
+    return /*#__PURE__*/_react.default.createElement(_react2.Th, (0, _extends2.default)({
+      key: index,
+      scope: "col",
+      abbr: day.full,
+      "data-testid": "daysOfWeek-title"
+    }, getDatepickerCalendarThStyleProps(today, weeks, index), datepickerDaysOverrides === null || datepickerDaysOverrides === void 0 ? void 0 : datepickerDaysOverrides.th), day.abbv);
+  }))), /*#__PURE__*/_react.default.createElement(DateRow, {
+    dates: weeks !== null && weeks !== void 0 ? weeks : [],
+    dateRowOverrides: datepickerDaysOverrides === null || datepickerDaysOverrides === void 0 ? void 0 : datepickerDaysOverrides.dateRowOverrides
+  }));
+};
+
+var _default = DatepickerDays;
+exports.default = _default;