@hitachivantara/uikit-react-core 3.52.5

package/dist/Calendar/SingleCalendar/SingleCalendar.js

@@ -0,0 +1,390 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.array.map.js");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _core = require("@material-ui/core");
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _isNil = _interopRequireDefault(require("lodash/isNil"));
+
+var _utils = require("../../utils");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _FormElement = require("../../Forms/FormElement");
+
+var _enums = require("../enums");
+
+var _utils2 = require("../utils");
+
+var _model = require("../model");
+
+var _CalendarCell = _interopRequireDefault(require("./CalendarCell"));
+
+var _CalendarHeader = _interopRequireDefault(require("../CalendarHeader"));
+
+var _CalendarWeekLabels = _interopRequireDefault(require("../CalendarWeekLabels"));
+
+var _CalendarNavigation = require("../CalendarNavigation");
+
+var _excluded = ["classes", "className", "id", "locale", "value", "visibleMonth", "visibleYear", "minimumDate", "maximumDate", "onChange", "onInputChange", "onVisibleDateChange", "showEndDate", "children"];
+
+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 Enter = _utils.KeyboardCodes.Enter,
+    ArrowLeft = _utils.KeyboardCodes.ArrowLeft,
+    ArrowRight = _utils.KeyboardCodes.ArrowRight,
+    ArrowUp = _utils.KeyboardCodes.ArrowUp,
+    ArrowDown = _utils.KeyboardCodes.ArrowDown;
+
+var HvSingleCalendar = function HvSingleCalendar(_ref) {
+  var _HvCalendarHeader$;
+
+  var classes = _ref.classes,
+      className = _ref.className,
+      id = _ref.id,
+      locale = _ref.locale,
+      value = _ref.value,
+      visibleMonth = _ref.visibleMonth,
+      visibleYear = _ref.visibleYear,
+      minimumDate = _ref.minimumDate,
+      maximumDate = _ref.maximumDate,
+      onChange = _ref.onChange,
+      onInputChange = _ref.onInputChange,
+      onVisibleDateChange = _ref.onVisibleDateChange,
+      showEndDate = _ref.showEndDate,
+      children = _ref.children,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  // TODO: refactor this out
+  var _useContext = (0, _react.useContext)(_FormElement.HvFormElementDescriptorsContext),
+      HvCalendarHeader = _useContext.HvCalendarHeader;
+
+  var today = new Date();
+  var localValue = (0, _isNil.default)(value) ? today : value;
+
+  var _useState = (0, _react.useState)(_enums.VIEW_MODE.CALENDAR),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      calViewMode = _useState2[0],
+      setCalViewMode = _useState2[1];
+
+  var rangeMode = (0, _utils2.isRange)(localValue);
+  var isDateSelectionMode = rangeMode && !(0, _utils2.isDate)(localValue.endDate);
+  var calModel = rangeMode ? (0, _model.generateCalendarModel)(localValue.startDate, visibleMonth, visibleYear) : (0, _model.generateCalendarModel)(localValue, visibleMonth, visibleYear);
+  var firstDayOfCurrentMonth = new Date(calModel.year, calModel.month - 1, 1);
+  var firstDayOfCurrentMonthTime = firstDayOfCurrentMonth.getTime();
+  var listWeekdayNames = (0, _react.useMemo)(function () {
+    return (0, _utils2.getWeekdayNamesList)(locale, _enums.REPRESENTATION_VALUES.NARROW);
+  }, [locale]);
+
+  var handleChange = function handleChange(event, date) {
+    event === null || event === void 0 ? void 0 : event.preventDefault();
+    onChange === null || onChange === void 0 ? void 0 : onChange(event, date);
+  };
+
+  var handleInputChange = function handleInputChange(event, date) {
+    event === null || event === void 0 ? void 0 : event.preventDefault();
+    onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(event, date);
+  };
+
+  var getNavChild = function getNavChild(event, siblings, i) {
+    if ((0, _utils.isKeypress)(event, ArrowLeft)) return siblings[i - 1];
+    if ((0, _utils.isKeypress)(event, ArrowRight)) return siblings[i + 1];
+    if ((0, _utils.isKeypress)(event, ArrowUp)) return siblings[i - 7];
+    if ((0, _utils.isKeypress)(event, ArrowDown)) return siblings[i + 7];
+    return undefined;
+  };
+
+  var handleKeyDown = function handleKeyDown(event) {
+    var _document, _el$parentElement;
+
+    // This code is very brittle and should be managed with the focus wrapper
+    var el = (_document = document) === null || _document === void 0 ? void 0 : _document.activeElement;
+    var parent = el === null || el === void 0 ? void 0 : (_el$parentElement = el.parentElement) === null || _el$parentElement === void 0 ? void 0 : _el$parentElement.parentElement;
+    var siblings = parent != null ? (0, _toConsumableArray2.default)(parent.getElementsByClassName(classes.cellContainer)) : [];
+    var elIndex = siblings.indexOf(el);
+
+    if ((0, _utils.isKeypress)(event, Enter)) {
+      el === null || el === void 0 ? void 0 : el.focus();
+      return;
+    }
+
+    var child = getNavChild(event, siblings, elIndex);
+
+    if (child) {
+      var inMonth = child.getAttribute("data-in-month");
+
+      if (inMonth === "true") {
+        event === null || event === void 0 ? void 0 : event.preventDefault();
+        child === null || child === void 0 ? void 0 : child.focus();
+      }
+    }
+  };
+  /**
+   * Renders the element representing the received date.
+   *
+   * @param currentDate - The array representing the date [YYYY, MM, DD].
+   * @memberOf Calendar
+   */
+
+
+  var renderCalendarDate = function renderCalendarDate(currentDate) {
+    return /*#__PURE__*/_react.default.createElement(_CalendarCell.default, {
+      classes: classes,
+      key: currentDate,
+      tabIndex: currentDate.getTime() === firstDayOfCurrentMonthTime ? 0 : -1,
+      onChange: handleChange,
+      onKeyDown: handleKeyDown,
+      value: currentDate,
+      today: today,
+      calendarValue: localValue,
+      rangeMode: rangeMode,
+      isDateSelectionMode: isDateSelectionMode,
+      locale: locale,
+      firstDayOfCurrentMonth: firstDayOfCurrentMonth,
+      maximumDate: maximumDate,
+      minimumDate: minimumDate
+    });
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    className: (0, _clsx.default)(className, classes.calendarContainer)
+  }, others), /*#__PURE__*/_react.default.createElement("div", {
+    id: id,
+    className: classes.calendarWrapper
+  }, /*#__PURE__*/_react.default.createElement(_CalendarHeader.default, {
+    id: (0, _utils.setId)(id, "header"),
+    locale: locale,
+    onChange: handleInputChange,
+    showEndDate: showEndDate && !isDateSelectionMode
+  }), calViewMode === _enums.VIEW_MODE.CALENDAR && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_CalendarNavigation.HvComposedNavigation, {
+    id: id,
+    locale: locale,
+    onChange: onVisibleDateChange,
+    onViewModeChange: function onViewModeChange(viewMode) {
+      return setCalViewMode(viewMode);
+    },
+    visibleYear: visibleYear || today.getFullYear(),
+    visibleMonth: visibleMonth || today.getMonth() + 1
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.calendarGrid,
+    "aria-controls": HvCalendarHeader === null || HvCalendarHeader === void 0 ? void 0 : (_HvCalendarHeader$ = HvCalendarHeader[0]) === null || _HvCalendarHeader$ === void 0 ? void 0 : _HvCalendarHeader$.id
+  }, /*#__PURE__*/_react.default.createElement(_CalendarWeekLabels.default, {
+    labels: listWeekdayNames
+  }), calModel.dates.map(renderCalendarDate))), calViewMode === _enums.VIEW_MODE.MONTHLY && /*#__PURE__*/_react.default.createElement(_CalendarNavigation.HvMonthSelector, {
+    id: id,
+    locale: locale,
+    onChange: onVisibleDateChange,
+    onViewModeChange: function onViewModeChange(viewMode) {
+      return setCalViewMode(viewMode);
+    },
+    visibleMonth: visibleMonth || today.getMonth() + 1,
+    rangeMode: rangeMode
+  })));
+};
+
+HvSingleCalendar.propTypes = {
+  /**
+   * Styles applied from the theme.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the external div containing the whole calendar.
+     */
+    calendarContainer: _propTypes.default.string,
+
+    /**
+     * Styles applied to the external div below the calendar wrapper.
+     */
+    calendarWrapper: _propTypes.default.string,
+
+    /**
+     * Styles applied to the element containing the cells that represents each date.
+     */
+    calendarGrid: _propTypes.default.string,
+
+    /**
+     * Styles applied to the element containing the buttons to change the visible month and year.
+     */
+    navigationContainer: _propTypes.default.string,
+
+    /**
+     * Styles applied to the cell when is focused.
+     */
+    focusSelection: _propTypes.default.string,
+
+    /**
+     * Styles applied to the buttons used to change the months.
+     */
+    navigationMonth: _propTypes.default.string,
+
+    /**
+     * Styles applied to the cells containing each date.
+     */
+    calendarDate: _propTypes.default.string,
+
+    /**
+     * Styles applied to the cells when the cell is outside the visible month.
+     */
+    calendarDateNotInMonth: _propTypes.default.string,
+
+    /**
+     * Styles applied to the cells when the cell is outside the visible month.
+     */
+    calendarDateSelected: _propTypes.default.string,
+
+    /**
+     * Styles applied to the cells when the cell is not valid.
+     */
+    calendarDateInvalid: _propTypes.default.string,
+
+    /**
+     * Styles applied to the cells when it is part of the selection.
+     */
+    calendarDateInSelectionRange: _propTypes.default.string,
+
+    /**
+     * Styles applied to the cells when it is not selectable.
+     */
+    calendarDateDisabled: _propTypes.default.string,
+
+    /**
+     * Styles applied to the cell when it is at the beginning of the selection.
+     */
+    startBookend: _propTypes.default.string,
+
+    /**
+     * Styles applied to the cell when it is at the end of the selection.
+     */
+    endBookend: _propTypes.default.string,
+
+    /**
+     * Styles applied to the cells when it is part of the selection in progress.
+     */
+    cellsInRange: _propTypes.default.string,
+
+    /**
+     * Styles applied to the cells when it is not part of the selection in progress.
+     */
+    cellsOutsideRange: _propTypes.default.string,
+    cellContainer: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Identifier.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * The class name to add at the root of the single calendar
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * The calendar locale.
+   *
+   */
+  locale: _propTypes.default.string,
+
+  /**
+   * Date that the calendar would show.
+   */
+  value: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.shape({
+    startDate: _propTypes.default.instanceOf(Date),
+    endDate: _propTypes.default.instanceOf(Date)
+  })]),
+
+  /**
+   * Date that will be used to know which month and year should be displayed on the calendar. The value of the day is
+   * irrelevant.
+   */
+  visibleDate: _propTypes.default.instanceOf(Date),
+
+  /**
+   * Controls the visible month of the Calendar
+   */
+  visibleMonth: _propTypes.default.number,
+
+  /**
+   * Controls the visible month of the Calendar
+   */
+  visibleYear: _propTypes.default.number,
+
+  /**
+   * Callback function to be triggered when the selected date has changed.
+   */
+  onChange: _propTypes.default.func,
+
+  /**
+   * Callback function to be triggered when the selected date input has changed.
+   */
+  onInputChange: _propTypes.default.func,
+
+  /**
+   * Callback function to be triggered when visible date has changed.
+   */
+  onVisibleDateChange: _propTypes.default.func,
+
+  /**
+   * The maximum selectable date after this all values are disabled.
+   */
+  maximumDate: _propTypes.default.instanceOf(Date),
+
+  /**
+   * The minimum selectable date before this all values are disabled.
+   */
+  minimumDate: _propTypes.default.instanceOf(Date),
+
+  /**
+   * Indicates if header should display end date in a date range.
+   */
+  showEndDate: _propTypes.default.bool,
+
+  /**
+   * Content on the upper part of the calendar.
+   */
+  children: _propTypes.default.node
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvSingleCalendar"
+})(HvSingleCalendar);
+
+exports.default = _default;
+//# sourceMappingURL=SingleCalendar.js.map

package/dist/Calendar/SingleCalendar/SingleCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Calendar/SingleCalendar/SingleCalendar.js"],"names":["Enter","KeyboardCodes","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","HvSingleCalendar","classes","className","id","locale","value","visibleMonth","visibleYear","minimumDate","maximumDate","onChange","onInputChange","onVisibleDateChange","showEndDate","children","others","HvFormElementDescriptorsContext","HvCalendarHeader","today","Date","localValue","VIEW_MODE","CALENDAR","calViewMode","setCalViewMode","rangeMode","isDateSelectionMode","endDate","calModel","startDate","firstDayOfCurrentMonth","year","month","firstDayOfCurrentMonthTime","getTime","listWeekdayNames","REPRESENTATION_VALUES","NARROW","handleChange","event","date","preventDefault","handleInputChange","getNavChild","siblings","i","undefined","handleKeyDown","el","document","activeElement","parent","parentElement","getElementsByClassName","cellContainer","elIndex","indexOf","focus","child","inMonth","getAttribute","renderCalendarDate","currentDate","calendarContainer","calendarWrapper","viewMode","getFullYear","getMonth","calendarGrid","dates","map","MONTHLY","propTypes","PropTypes","shape","string","navigationContainer","focusSelection","navigationMonth","calendarDate","calendarDateNotInMonth","calendarDateSelected","calendarDateInvalid","calendarDateInSelectionRange","calendarDateDisabled","startBookend","endBookend","cellsInRange","cellsOutsideRange","isRequired","oneOfType","instanceOf","visibleDate","number","func","bool","node","styles","name"],"mappings":"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","sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\n\nimport React, { useState, useContext, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { isKeypress, KeyboardCodes, setId } from \"../../utils\";\nimport styles from \"./styles\";\nimport { HvFormElementDescriptorsContext } from \"../../Forms/FormElement\";\nimport { VIEW_MODE, REPRESENTATION_VALUES } from \"../enums\";\nimport { isRange, isDate, getWeekdayNamesList } from \"../utils\";\nimport { generateCalendarModel } from \"../model\";\nimport CalendarCell from \"./CalendarCell\";\nimport CalendarHeader from \"../CalendarHeader\";\nimport CalendarWeekLabels from \"../CalendarWeekLabels\";\nimport { HvComposedNavigation, HvMonthSelector } from \"../CalendarNavigation\";\n\nconst { Enter, ArrowLeft, ArrowRight, ArrowUp, ArrowDown } = KeyboardCodes;\n\nconst HvSingleCalendar = ({\n  classes,\n  className,\n  id,\n  locale,\n  value,\n  visibleMonth,\n  visibleYear,\n  minimumDate,\n  maximumDate,\n  onChange,\n  onInputChange,\n  onVisibleDateChange,\n  showEndDate,\n  children,\n  ...others\n}) => {\n  // TODO: refactor this out\n  const { HvCalendarHeader } = useContext(HvFormElementDescriptorsContext);\n\n  const today = new Date();\n  const localValue = isNil(value) ? today : value;\n\n  const [calViewMode, setCalViewMode] = useState(VIEW_MODE.CALENDAR);\n\n  const rangeMode = isRange(localValue);\n  const isDateSelectionMode = rangeMode && !isDate(localValue.endDate);\n  const calModel = rangeMode\n    ? generateCalendarModel(localValue.startDate, visibleMonth, visibleYear)\n    : generateCalendarModel(localValue, visibleMonth, visibleYear);\n  const firstDayOfCurrentMonth = new Date(calModel.year, calModel.month - 1, 1);\n  const firstDayOfCurrentMonthTime = firstDayOfCurrentMonth.getTime();\n\n  const listWeekdayNames = useMemo(\n    () => getWeekdayNamesList(locale, REPRESENTATION_VALUES.NARROW),\n    [locale]\n  );\n\n  const handleChange = (event, date) => {\n    event?.preventDefault();\n    onChange?.(event, date);\n  };\n\n  const handleInputChange = (event, date) => {\n    event?.preventDefault();\n    onInputChange?.(event, date);\n  };\n\n  const getNavChild = (event, siblings, i) => {\n    if (isKeypress(event, ArrowLeft)) return siblings[i - 1];\n    if (isKeypress(event, ArrowRight)) return siblings[i + 1];\n    if (isKeypress(event, ArrowUp)) return siblings[i - 7];\n    if (isKeypress(event, ArrowDown)) return siblings[i + 7];\n    return undefined;\n  };\n\n  const handleKeyDown = (event) => {\n    // This code is very brittle and should be managed with the focus wrapper\n    const el = document?.activeElement;\n    const parent = el?.parentElement?.parentElement;\n    const siblings =\n      parent != null ? [...parent.getElementsByClassName(classes.cellContainer)] : [];\n    const elIndex = siblings.indexOf(el);\n\n    if (isKeypress(event, Enter)) {\n      el?.focus();\n      return;\n    }\n\n    const child = getNavChild(event, siblings, elIndex);\n\n    if (child) {\n      const inMonth = child.getAttribute(\"data-in-month\");\n      if (inMonth === \"true\") {\n        event?.preventDefault();\n        child?.focus();\n      }\n    }\n  };\n\n  /**\n   * Renders the element representing the received date.\n   *\n   * @param currentDate - The array representing the date [YYYY, MM, DD].\n   * @memberOf Calendar\n   */\n  const renderCalendarDate = (currentDate) => {\n    return (\n      <CalendarCell\n        classes={classes}\n        key={currentDate}\n        tabIndex={currentDate.getTime() === firstDayOfCurrentMonthTime ? 0 : -1}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        value={currentDate}\n        today={today}\n        calendarValue={localValue}\n        rangeMode={rangeMode}\n        isDateSelectionMode={isDateSelectionMode}\n        locale={locale}\n        firstDayOfCurrentMonth={firstDayOfCurrentMonth}\n        maximumDate={maximumDate}\n        minimumDate={minimumDate}\n      />\n    );\n  };\n\n  return (\n    <div className={clsx(className, classes.calendarContainer)} {...others}>\n      <div id={id} className={classes.calendarWrapper}>\n        <CalendarHeader\n          id={setId(id, \"header\")}\n          locale={locale}\n          onChange={handleInputChange}\n          showEndDate={showEndDate && !isDateSelectionMode}\n        />\n        {calViewMode === VIEW_MODE.CALENDAR && (\n          <div>\n            <HvComposedNavigation\n              id={id}\n              locale={locale}\n              onChange={onVisibleDateChange}\n              onViewModeChange={(viewMode) => setCalViewMode(viewMode)}\n              visibleYear={visibleYear || today.getFullYear()}\n              visibleMonth={visibleMonth || today.getMonth() + 1}\n            />\n            <div className={classes.calendarGrid} aria-controls={HvCalendarHeader?.[0]?.id}>\n              <CalendarWeekLabels labels={listWeekdayNames} />\n              {calModel.dates.map(renderCalendarDate)}\n            </div>\n          </div>\n        )}\n        {calViewMode === VIEW_MODE.MONTHLY && (\n          <HvMonthSelector\n            id={id}\n            locale={locale}\n            onChange={onVisibleDateChange}\n            onViewModeChange={(viewMode) => setCalViewMode(viewMode)}\n            visibleMonth={visibleMonth || today.getMonth() + 1}\n            rangeMode={rangeMode}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nHvSingleCalendar.propTypes = {\n  /**\n   * Styles applied from the theme.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the external div containing the whole calendar.\n     */\n    calendarContainer: PropTypes.string,\n    /**\n     * Styles applied to the external div below the calendar wrapper.\n     */\n    calendarWrapper: PropTypes.string,\n    /**\n     * Styles applied to the element containing the cells that represents each date.\n     */\n    calendarGrid: PropTypes.string,\n    /**\n     * Styles applied to the element containing the buttons to change the visible month and year.\n     */\n    navigationContainer: PropTypes.string,\n    /**\n     * Styles applied to the cell when is focused.\n     */\n    focusSelection: PropTypes.string,\n    /**\n     * Styles applied to the buttons used to change the months.\n     */\n    navigationMonth: PropTypes.string,\n    /**\n     * Styles applied to the cells containing each date.\n     */\n    calendarDate: PropTypes.string,\n    /**\n     * Styles applied to the cells when the cell is outside the visible month.\n     */\n    calendarDateNotInMonth: PropTypes.string,\n    /**\n     * Styles applied to the cells when the cell is outside the visible month.\n     */\n    calendarDateSelected: PropTypes.string,\n    /**\n     * Styles applied to the cells when the cell is not valid.\n     */\n    calendarDateInvalid: PropTypes.string,\n    /**\n     * Styles applied to the cells when it is part of the selection.\n     */\n    calendarDateInSelectionRange: PropTypes.string,\n    /**\n     * Styles applied to the cells when it is not selectable.\n     */\n    calendarDateDisabled: PropTypes.string,\n    /**\n     * Styles applied to the cell when it is at the beginning of the selection.\n     */\n    startBookend: PropTypes.string,\n    /**\n     * Styles applied to the cell when it is at the end of the selection.\n     */\n    endBookend: PropTypes.string,\n    /**\n     * Styles applied to the cells when it is part of the selection in progress.\n     */\n    cellsInRange: PropTypes.string,\n    /**\n     * Styles applied to the cells when it is not part of the selection in progress.\n     */\n    cellsOutsideRange: PropTypes.string,\n    cellContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * The class name to add at the root of the single calendar\n   */\n  className: PropTypes.string,\n  /**\n   * The calendar locale.\n   *\n   */\n  locale: PropTypes.string,\n  /**\n   * Date that the calendar would show.\n   */\n  value: PropTypes.oneOfType([\n    PropTypes.instanceOf(Date),\n    PropTypes.shape({ startDate: PropTypes.instanceOf(Date), endDate: PropTypes.instanceOf(Date) }),\n  ]),\n  /**\n   * Date that will be used to know which month and year should be displayed on the calendar. The value of the day is\n   * irrelevant.\n   */\n  visibleDate: PropTypes.instanceOf(Date),\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleMonth: PropTypes.number,\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleYear: PropTypes.number,\n  /**\n   * Callback function to be triggered when the selected date has changed.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Callback function to be triggered when the selected date input has changed.\n   */\n  onInputChange: PropTypes.func,\n  /**\n   * Callback function to be triggered when visible date has changed.\n   */\n  onVisibleDateChange: PropTypes.func,\n  /**\n   * The maximum selectable date after this all values are disabled.\n   */\n  maximumDate: PropTypes.instanceOf(Date),\n  /**\n   * The minimum selectable date before this all values are disabled.\n   */\n  minimumDate: PropTypes.instanceOf(Date),\n  /**\n   * Indicates if header should display end date in a date range.\n   */\n  showEndDate: PropTypes.bool,\n  /**\n   * Content on the upper part of the calendar.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvSingleCalendar\" })(HvSingleCalendar);\n"],"file":"SingleCalendar.js"}

package/dist/Calendar/SingleCalendar/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./SingleCalendar";

package/dist/Calendar/SingleCalendar/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _SingleCalendar.default;
+  }
+});
+
+var _SingleCalendar = _interopRequireDefault(require("./SingleCalendar"));
+//# sourceMappingURL=index.js.map

package/dist/Calendar/SingleCalendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Calendar/SingleCalendar/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA","sourcesContent":["export { default } from \"./SingleCalendar\";\n"],"file":"index.js"}

package/dist/Calendar/SingleCalendar/styles.js

@@ -0,0 +1,177 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _styles = require("../../Focus/styles");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var styles = function styles(theme) {
+  var hover = {
+    backgroundColor: theme.palette.atmo3,
+    cursor: "pointer"
+  };
+  return {
+    calendarContainer: {
+      backgroundColor: theme.palette.atmo1,
+      width: "320px",
+      minHeight: "440px",
+      position: "relative"
+    },
+    calendarWrapper: {
+      overflow: "hidden",
+      backgroundColor: theme.palette.atmo1,
+      padding: theme.hvSpacing("sm")
+    },
+    calendarGrid: {
+      display: "flex",
+      flexFlow: "wrap",
+      width: "280px",
+      "& $cellsInRange": {
+        backgroundColor: theme.palette.atmo3,
+        "& $startBookend": {
+          borderLeft: "1px solid ".concat(theme.palette.acce1),
+          backgroundColor: theme.palette.atmo3,
+          "&:hover": {
+            borderRight: "1px solid ".concat(theme.palette.acce1)
+          }
+        }
+      },
+      "&:hover $cellsInRange": {
+        backgroundColor: theme.palette.atmo3,
+        "& $startBookend": {
+          borderLeft: "1px solid ".concat(theme.palette.acce1),
+          borderRight: "inherit"
+        }
+      },
+      "& $cellsInRange:hover": {
+        backgroundColor: theme.palette.atmo3,
+        "& $calendarDate": {
+          borderRight: "1px solid ".concat(theme.palette.acce1)
+        }
+      },
+      "& $cellsInRange:hover ~ $cellsInRange": {
+        backgroundColor: theme.palette.atmo1 // controls the right side of the hovered range
+
+      },
+      "& $cellsOutsideRange:hover ~ $cellsInRange": {
+        backgroundColor: theme.palette.atmo1 // control the right side when hovering outside of the range
+
+      }
+    },
+    navigationContainer: {
+      display: "flex",
+      justifyContent: "space-between",
+      padding: "".concat(theme.hvSpacing("xs"), "px 0")
+    },
+    focusSelection: {
+      "&:hover": _objectSpread({}, hover),
+      "&:focus": {
+        outline: "none"
+      },
+      "&.focus-visible": _objectSpread(_objectSpread({}, hover), _styles.outlineStyles)
+    },
+    navigationMonth: {
+      minWidth: "160px"
+    },
+    // HvCalendarCell styles
+    cellContainer: {
+      cursor: "pointer",
+      border: 0,
+      padding: 0,
+      margin: 0,
+      backgroundColor: "transparent"
+    },
+    dateWrapper: {
+      width: "40px",
+      height: "40px"
+    },
+    calendarDate: {
+      display: "flex",
+      justifyContent: "center",
+      flexDirection: "column",
+      textAlign: "center",
+      height: "40px",
+      width: "40px"
+    },
+    calendarDateNotInMonth: {
+      color: theme.palette.atmo5,
+      cursor: "not-allowed"
+    },
+    calendarDateSelected: {
+      backgroundColor: theme.palette.atmo3,
+      color: theme.palette.acce1,
+      "&:hover": _objectSpread({}, hover)
+    },
+    calendarDateInvalid: {
+      "&:hover": {
+        cursor: "not-allowed",
+        backgroundColor: "transparent"
+      }
+    },
+    calendarDateInSelectionRange: {
+      backgroundColor: theme.palette.atmo3
+    },
+    calendarDateDisabled: {
+      color: theme.palette.atmo5,
+      cursor: "no-drop"
+    },
+    calendarMonthlyGrid: {
+      top: "-15px",
+      height: "calc(100% - 85px)",
+      marginTop: "100px",
+      marginLeft: "-20px",
+      display: "flex",
+      zIndex: "10",
+      padding: "0 20px",
+      position: "absolute",
+      flexFlow: "wrap",
+      alignContent: "center",
+      justifyContent: "space-evenly",
+      backgroundColor: theme.palette.atmo1
+    },
+    startBookend: {
+      borderLeft: "1px solid ".concat(theme.palette.acce1)
+    },
+    endBookend: {
+      borderRight: "1px solid ".concat(theme.palette.acce1)
+    },
+    cellsInRange: {
+      "&:focus": {
+        outside: "none"
+      }
+    },
+    cellsOutsideRange: {
+      "&:focus": {
+        outside: "none"
+      }
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Calendar/SingleCalendar/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Calendar/SingleCalendar/styles.js"],"names":["styles","theme","hover","backgroundColor","palette","atmo3","cursor","calendarContainer","atmo1","width","minHeight","position","calendarWrapper","overflow","padding","hvSpacing","calendarGrid","display","flexFlow","borderLeft","acce1","borderRight","navigationContainer","justifyContent","focusSelection","outline","outlineStyles","navigationMonth","minWidth","cellContainer","border","margin","dateWrapper","height","calendarDate","flexDirection","textAlign","calendarDateNotInMonth","color","atmo5","calendarDateSelected","calendarDateInvalid","calendarDateInSelectionRange","calendarDateDisabled","calendarMonthlyGrid","top","marginTop","marginLeft","zIndex","alignContent","startBookend","endBookend","cellsInRange","outside","cellsOutsideRange"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD,EAAW;AACxB,MAAMC,KAAK,GAAG;AACZC,IAAAA,eAAe,EAAEF,KAAK,CAACG,OAAN,CAAcC,KADnB;AAEZC,IAAAA,MAAM,EAAE;AAFI,GAAd;AAKA,SAAO;AACLC,IAAAA,iBAAiB,EAAE;AACjBJ,MAAAA,eAAe,EAAEF,KAAK,CAACG,OAAN,CAAcI,KADd;AAEjBC,MAAAA,KAAK,EAAE,OAFU;AAGjBC,MAAAA,SAAS,EAAE,OAHM;AAIjBC,MAAAA,QAAQ,EAAE;AAJO,KADd;AAOLC,IAAAA,eAAe,EAAE;AACfC,MAAAA,QAAQ,EAAE,QADK;AAEfV,MAAAA,eAAe,EAAEF,KAAK,CAACG,OAAN,CAAcI,KAFhB;AAGfM,MAAAA,OAAO,EAAEb,KAAK,CAACc,SAAN,CAAgB,IAAhB;AAHM,KAPZ;AAYLC,IAAAA,YAAY,EAAE;AACZC,MAAAA,OAAO,EAAE,MADG;AAEZC,MAAAA,QAAQ,EAAE,MAFE;AAGZT,MAAAA,KAAK,EAAE,OAHK;AAIZ,yBAAmB;AACjBN,QAAAA,eAAe,EAAEF,KAAK,CAACG,OAAN,CAAcC,KADd;AAEjB,2BAAmB;AACjBc,UAAAA,UAAU,sBAAelB,KAAK,CAACG,OAAN,CAAcgB,KAA7B,CADO;AAEjBjB,UAAAA,eAAe,EAAEF,KAAK,CAACG,OAAN,CAAcC,KAFd;AAGjB,qBAAW;AACTgB,YAAAA,WAAW,sBAAepB,KAAK,CAACG,OAAN,CAAcgB,KAA7B;AADF;AAHM;AAFF,OAJP;AAcZ,+BAAyB;AACvBjB,QAAAA,eAAe,EAAEF,KAAK,CAACG,OAAN,CAAcC,KADR;AAEvB,2BAAmB;AACjBc,UAAAA,UAAU,sBAAelB,KAAK,CAACG,OAAN,CAAcgB,KAA7B,CADO;AAEjBC,UAAAA,WAAW,EAAE;AAFI;AAFI,OAdb;AAqBZ,+BAAyB;AACvBlB,QAAAA,eAAe,EAAEF,KAAK,CAACG,OAAN,CAAcC,KADR;AAEvB,2BAAmB;AACjBgB,UAAAA,WAAW,sBAAepB,KAAK,CAACG,OAAN,CAAcgB,KAA7B;AADM;AAFI,OArBb;AA2BZ,+CAAyC;AACvCjB,QAAAA,eAAe,EAAEF,KAAK,CAACG,OAAN,CAAcI,KADQ,CACD;;AADC,OA3B7B;AA8BZ,oDAA8C;AAC5CL,QAAAA,eAAe,EAAEF,KAAK,CAACG,OAAN,CAAcI,KADa,CACN;;AADM;AA9BlC,KAZT;AA8CLc,IAAAA,mBAAmB,EAAE;AACnBL,MAAAA,OAAO,EAAE,MADU;AAEnBM,MAAAA,cAAc,EAAE,eAFG;AAGnBT,MAAAA,OAAO,YAAKb,KAAK,CAACc,SAAN,CAAgB,IAAhB,CAAL;AAHY,KA9ChB;AAmDLS,IAAAA,cAAc,EAAE;AACd,mCACKtB,KADL,CADc;AAId,iBAAW;AACTuB,QAAAA,OAAO,EAAE;AADA,OAJG;AAOd,yDACKvB,KADL,GAEKwB,qBAFL;AAPc,KAnDX;AA+DLC,IAAAA,eAAe,EAAE;AACfC,MAAAA,QAAQ,EAAE;AADK,KA/DZ;AAmEL;AACAC,IAAAA,aAAa,EAAE;AACbvB,MAAAA,MAAM,EAAE,SADK;AAEbwB,MAAAA,MAAM,EAAE,CAFK;AAGbhB,MAAAA,OAAO,EAAE,CAHI;AAIbiB,MAAAA,MAAM,EAAE,CAJK;AAKb5B,MAAAA,eAAe,EAAE;AALJ,KApEV;AA2EL6B,IAAAA,WAAW,EAAE;AACXvB,MAAAA,KAAK,EAAE,MADI;AAEXwB,MAAAA,MAAM,EAAE;AAFG,KA3ER;AA+ELC,IAAAA,YAAY,EAAE;AACZjB,MAAAA,OAAO,EAAE,MADG;AAEZM,MAAAA,cAAc,EAAE,QAFJ;AAGZY,MAAAA,aAAa,EAAE,QAHH;AAIZC,MAAAA,SAAS,EAAE,QAJC;AAKZH,MAAAA,MAAM,EAAE,MALI;AAMZxB,MAAAA,KAAK,EAAE;AANK,KA/ET;AAuFL4B,IAAAA,sBAAsB,EAAE;AACtBC,MAAAA,KAAK,EAAErC,KAAK,CAACG,OAAN,CAAcmC,KADC;AAEtBjC,MAAAA,MAAM,EAAE;AAFc,KAvFnB;AA2FLkC,IAAAA,oBAAoB,EAAE;AACpBrC,MAAAA,eAAe,EAAEF,KAAK,CAACG,OAAN,CAAcC,KADX;AAEpBiC,MAAAA,KAAK,EAAErC,KAAK,CAACG,OAAN,CAAcgB,KAFD;AAGpB,mCACKlB,KADL;AAHoB,KA3FjB;AAkGLuC,IAAAA,mBAAmB,EAAE;AACnB,iBAAW;AACTnC,QAAAA,MAAM,EAAE,aADC;AAETH,QAAAA,eAAe,EAAE;AAFR;AADQ,KAlGhB;AAwGLuC,IAAAA,4BAA4B,EAAE;AAC5BvC,MAAAA,eAAe,EAAEF,KAAK,CAACG,OAAN,CAAcC;AADH,KAxGzB;AA2GLsC,IAAAA,oBAAoB,EAAE;AACpBL,MAAAA,KAAK,EAAErC,KAAK,CAACG,OAAN,CAAcmC,KADD;AAEpBjC,MAAAA,MAAM,EAAE;AAFY,KA3GjB;AA+GLsC,IAAAA,mBAAmB,EAAE;AACnBC,MAAAA,GAAG,EAAE,OADc;AAEnBZ,MAAAA,MAAM,EAAE,mBAFW;AAGnBa,MAAAA,SAAS,EAAE,OAHQ;AAInBC,MAAAA,UAAU,EAAE,OAJO;AAKnB9B,MAAAA,OAAO,EAAE,MALU;AAMnB+B,MAAAA,MAAM,EAAE,IANW;AAOnBlC,MAAAA,OAAO,EAAE,QAPU;AAQnBH,MAAAA,QAAQ,EAAE,UARS;AASnBO,MAAAA,QAAQ,EAAE,MATS;AAUnB+B,MAAAA,YAAY,EAAE,QAVK;AAWnB1B,MAAAA,cAAc,EAAE,cAXG;AAYnBpB,MAAAA,eAAe,EAAEF,KAAK,CAACG,OAAN,CAAcI;AAZZ,KA/GhB;AA6HL0C,IAAAA,YAAY,EAAE;AACZ/B,MAAAA,UAAU,sBAAelB,KAAK,CAACG,OAAN,CAAcgB,KAA7B;AADE,KA7HT;AAgIL+B,IAAAA,UAAU,EAAE;AACV9B,MAAAA,WAAW,sBAAepB,KAAK,CAACG,OAAN,CAAcgB,KAA7B;AADD,KAhIP;AAmILgC,IAAAA,YAAY,EAAE;AACZ,iBAAW;AACTC,QAAAA,OAAO,EAAE;AADA;AADC,KAnIT;AAwILC,IAAAA,iBAAiB,EAAE;AACjB,iBAAW;AACTD,QAAAA,OAAO,EAAE;AADA;AADM;AAxId,GAAP;AA8ID,CApJD;;eAsJerD,M","sourcesContent":["import { outlineStyles } from \"../../Focus/styles\";\n\nconst styles = (theme) => {\n  const hover = {\n    backgroundColor: theme.palette.atmo3,\n    cursor: \"pointer\",\n  };\n\n  return {\n    calendarContainer: {\n      backgroundColor: theme.palette.atmo1,\n      width: \"320px\",\n      minHeight: \"440px\",\n      position: \"relative\",\n    },\n    calendarWrapper: {\n      overflow: \"hidden\",\n      backgroundColor: theme.palette.atmo1,\n      padding: theme.hvSpacing(\"sm\"),\n    },\n    calendarGrid: {\n      display: \"flex\",\n      flexFlow: \"wrap\",\n      width: \"280px\",\n      \"& $cellsInRange\": {\n        backgroundColor: theme.palette.atmo3,\n        \"& $startBookend\": {\n          borderLeft: `1px solid ${theme.palette.acce1}`,\n          backgroundColor: theme.palette.atmo3,\n          \"&:hover\": {\n            borderRight: `1px solid ${theme.palette.acce1}`,\n          },\n        },\n      },\n      \"&:hover $cellsInRange\": {\n        backgroundColor: theme.palette.atmo3,\n        \"& $startBookend\": {\n          borderLeft: `1px solid ${theme.palette.acce1}`,\n          borderRight: \"inherit\",\n        },\n      },\n      \"& $cellsInRange:hover\": {\n        backgroundColor: theme.palette.atmo3,\n        \"& $calendarDate\": {\n          borderRight: `1px solid ${theme.palette.acce1}`,\n        },\n      },\n      \"& $cellsInRange:hover ~ $cellsInRange\": {\n        backgroundColor: theme.palette.atmo1, // controls the right side of the hovered range\n      },\n      \"& $cellsOutsideRange:hover ~ $cellsInRange\": {\n        backgroundColor: theme.palette.atmo1, // control the right side when hovering outside of the range\n      },\n    },\n    navigationContainer: {\n      display: \"flex\",\n      justifyContent: \"space-between\",\n      padding: `${theme.hvSpacing(\"xs\")}px 0`,\n    },\n    focusSelection: {\n      \"&:hover\": {\n        ...hover,\n      },\n      \"&:focus\": {\n        outline: \"none\",\n      },\n      \"&.focus-visible\": {\n        ...hover,\n        ...outlineStyles,\n      },\n    },\n    navigationMonth: {\n      minWidth: \"160px\",\n    },\n\n    // HvCalendarCell styles\n    cellContainer: {\n      cursor: \"pointer\",\n      border: 0,\n      padding: 0,\n      margin: 0,\n      backgroundColor: \"transparent\",\n    },\n    dateWrapper: {\n      width: \"40px\",\n      height: \"40px\",\n    },\n    calendarDate: {\n      display: \"flex\",\n      justifyContent: \"center\",\n      flexDirection: \"column\",\n      textAlign: \"center\",\n      height: \"40px\",\n      width: \"40px\",\n    },\n    calendarDateNotInMonth: {\n      color: theme.palette.atmo5,\n      cursor: \"not-allowed\",\n    },\n    calendarDateSelected: {\n      backgroundColor: theme.palette.atmo3,\n      color: theme.palette.acce1,\n      \"&:hover\": {\n        ...hover,\n      },\n    },\n    calendarDateInvalid: {\n      \"&:hover\": {\n        cursor: \"not-allowed\",\n        backgroundColor: \"transparent\",\n      },\n    },\n    calendarDateInSelectionRange: {\n      backgroundColor: theme.palette.atmo3,\n    },\n    calendarDateDisabled: {\n      color: theme.palette.atmo5,\n      cursor: \"no-drop\",\n    },\n    calendarMonthlyGrid: {\n      top: \"-15px\",\n      height: \"calc(100% - 85px)\",\n      marginTop: \"100px\",\n      marginLeft: \"-20px\",\n      display: \"flex\",\n      zIndex: \"10\",\n      padding: \"0 20px\",\n      position: \"absolute\",\n      flexFlow: \"wrap\",\n      alignContent: \"center\",\n      justifyContent: \"space-evenly\",\n      backgroundColor: theme.palette.atmo1,\n    },\n    startBookend: {\n      borderLeft: `1px solid ${theme.palette.acce1}`,\n    },\n    endBookend: {\n      borderRight: `1px solid ${theme.palette.acce1}`,\n    },\n    cellsInRange: {\n      \"&:focus\": {\n        outside: \"none\",\n      },\n    },\n    cellsOutsideRange: {\n      \"&:focus\": {\n        outside: \"none\",\n      },\n    },\n  };\n};\n\nexport default styles;\n"],"file":"styles.js"}