@hitachivantara/uikit-react-core 2.23.2

package/dist/modern/DatePicker/Actions/Actions.js

@@ -0,0 +1,75 @@
+import React from "react";
+import PropTypes from "prop-types";
+import { withStyles } from "@material-ui/core";
+import HvButton from "../../Button";
+import { setId } from "../../utils";
+import styles from "./styles";
+
+const Actions = ({
+  id,
+  classes,
+  onCancel,
+  onApply,
+  labels
+}) => /*#__PURE__*/React.createElement("div", {
+  className: classes.root
+}, /*#__PURE__*/React.createElement(HvButton, {
+  id: setId(id, "apply"),
+  className: classes.button,
+  onClick: onApply,
+  category: "ghost"
+}, labels.applyLabel), /*#__PURE__*/React.createElement(HvButton, {
+  id: setId(id, "cancel"),
+  className: classes.button,
+  onClick: onCancel,
+  category: "ghost"
+}, labels.cancelLabel));
+
+process.env.NODE_ENV !== "production" ? Actions.propTypes = {
+  /**
+   * Identifier.
+   */
+  id: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the component styles.
+   */
+  classes: PropTypes.instanceOf(Object).isRequired,
+
+  /**
+   * A function to be executed whenever cancel action is triggered.
+   */
+  onCancel: PropTypes.func,
+
+  /**
+   * A function to be executed whenever apply action is triggered.
+   */
+  onApply: PropTypes.func,
+
+  /**
+   * An Object containing the various text associated with the input.
+   *
+   * - applyLabel: Label for apply button.
+   * - cancelLabel: Label for cancel button.
+   */
+  labels: PropTypes.shape({
+    applyLabel: PropTypes.string,
+    cancelLabel: PropTypes.string
+  })
+} : void 0;
+Actions.defaultProps = {
+  id: undefined,
+
+  onCancel() {},
+
+  onApply() {},
+
+  labels: {
+    applyLabel: "Apply",
+    cancelLabel: "Cancel"
+  }
+};
+export default withStyles(styles, {
+  name: "HvDatePickerActions"
+})(Actions);
+//# sourceMappingURL=Actions.js.map

package/dist/modern/DatePicker/Actions/Actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.js","names":["React","PropTypes","withStyles","HvButton","setId","styles","Actions","id","classes","onCancel","onApply","labels","root","button","applyLabel","cancelLabel","propTypes","string","instanceOf","Object","isRequired","func","shape","defaultProps","undefined","name"],"sources":["../../../../src/DatePicker/Actions/Actions.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport HvButton from \"../../Button\";\nimport { setId } from \"../../utils\";\nimport styles from \"./styles\";\n\nconst Actions = ({ id, classes, onCancel, onApply, labels }) => (\n  <div className={classes.root}>\n    <HvButton id={setId(id, \"apply\")} className={classes.button} onClick={onApply} category=\"ghost\">\n      {labels.applyLabel}\n    </HvButton>\n    <HvButton\n      id={setId(id, \"cancel\")}\n      className={classes.button}\n      onClick={onCancel}\n      category=\"ghost\"\n    >\n      {labels.cancelLabel}\n    </HvButton>\n  </div>\n);\n\nActions.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * A function to be executed whenever cancel action is triggered.\n   */\n  onCancel: PropTypes.func,\n  /**\n   * A function to be executed whenever apply action is triggered.\n   */\n  onApply: PropTypes.func,\n  /**\n   * An Object containing the various text associated with the input.\n   *\n   * - applyLabel: Label for apply button.\n   * - cancelLabel: Label for cancel button.\n   */\n  labels: PropTypes.shape({\n    applyLabel: PropTypes.string,\n    cancelLabel: PropTypes.string,\n  }),\n};\n\nActions.defaultProps = {\n  id: undefined,\n  onCancel() {},\n  onApply() {},\n  labels: {\n    applyLabel: \"Apply\",\n    cancelLabel: \"Cancel\",\n  },\n};\n\nexport default withStyles(styles, { name: \"HvDatePickerActions\" })(Actions);\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,QAAP,MAAqB,cAArB;AACA,SAASC,KAAT,QAAsB,aAAtB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,OAAO,GAAG,CAAC;EAAEC,EAAF;EAAMC,OAAN;EAAeC,QAAf;EAAyBC,OAAzB;EAAkCC;AAAlC,CAAD,kBACd;EAAK,SAAS,EAAEH,OAAO,CAACI;AAAxB,gBACE,oBAAC,QAAD;EAAU,EAAE,EAAER,KAAK,CAACG,EAAD,EAAK,OAAL,CAAnB;EAAkC,SAAS,EAAEC,OAAO,CAACK,MAArD;EAA6D,OAAO,EAAEH,OAAtE;EAA+E,QAAQ,EAAC;AAAxF,GACGC,MAAM,CAACG,UADV,CADF,eAIE,oBAAC,QAAD;EACE,EAAE,EAAEV,KAAK,CAACG,EAAD,EAAK,QAAL,CADX;EAEE,SAAS,EAAEC,OAAO,CAACK,MAFrB;EAGE,OAAO,EAAEJ,QAHX;EAIE,QAAQ,EAAC;AAJX,GAMGE,MAAM,CAACI,WANV,CAJF,CADF;;AAgBA,wCAAAT,OAAO,CAACU,SAAR,GAAoB;EAClB;AACF;AACA;EACET,EAAE,EAAEN,SAAS,CAACgB,MAJI;;EAKlB;AACF;AACA;EACET,OAAO,EAAEP,SAAS,CAACiB,UAAV,CAAqBC,MAArB,EAA6BC,UARpB;;EASlB;AACF;AACA;EACEX,QAAQ,EAAER,SAAS,CAACoB,IAZF;;EAalB;AACF;AACA;EACEX,OAAO,EAAET,SAAS,CAACoB,IAhBD;;EAiBlB;AACF;AACA;AACA;AACA;AACA;EACEV,MAAM,EAAEV,SAAS,CAACqB,KAAV,CAAgB;IACtBR,UAAU,EAAEb,SAAS,CAACgB,MADA;IAEtBF,WAAW,EAAEd,SAAS,CAACgB;EAFD,CAAhB;AAvBU,CAApB;AA6BAX,OAAO,CAACiB,YAAR,GAAuB;EACrBhB,EAAE,EAAEiB,SADiB;;EAErBf,QAAQ,GAAG,CAAE,CAFQ;;EAGrBC,OAAO,GAAG,CAAE,CAHS;;EAIrBC,MAAM,EAAE;IACNG,UAAU,EAAE,OADN;IAENC,WAAW,EAAE;EAFP;AAJa,CAAvB;AAUA,eAAeb,UAAU,CAACG,MAAD,EAAS;EAAEoB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAoDnB,OAApD,CAAf"}

package/dist/modern/DatePicker/Actions/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Actions";
+//# sourceMappingURL=index.js.map

package/dist/modern/DatePicker/Actions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/DatePicker/Actions/index.js"],"sourcesContent":["export { default } from \"./Actions\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,WAAxB"}

package/dist/modern/DatePicker/Actions/styles.js

@@ -0,0 +1,14 @@
+const styles = theme => ({
+  button: {
+    color: theme.palette.acce1,
+    "& span": {
+      color: theme.palette.acce1
+    },
+    "&:nth-child(1)": {
+      marginRight: theme.spacing("xs")
+    }
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/DatePicker/Actions/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","button","color","palette","acce1","marginRight","spacing"],"sources":["../../../../src/DatePicker/Actions/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  button: {\n    color: theme.palette.acce1,\n    \"& span\": {\n      color: theme.palette.acce1,\n    },\n    \"&:nth-child(1)\": {\n      marginRight: theme.spacing(\"xs\"),\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,MAAM,EAAE;IACNC,KAAK,EAAEF,KAAK,CAACG,OAAN,CAAcC,KADf;IAEN,UAAU;MACRF,KAAK,EAAEF,KAAK,CAACG,OAAN,CAAcC;IADb,CAFJ;IAKN,kBAAkB;MAChBC,WAAW,EAAEL,KAAK,CAACM,OAAN,CAAc,IAAd;IADG;EALZ;AADiB,CAAZ,CAAf;;AAYA,eAAeP,MAAf"}

package/dist/modern/DatePicker/Calendar/Calendar.js

@@ -0,0 +1,436 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(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; }
+
+/* eslint-disable jsx-a11y/no-noninteractive-tabindex */
+import React from "react";
+import PropTypes from "prop-types";
+import { withStyles } from "@material-ui/core";
+import { isKeypress, KeyboardCodes, setId } from "../../utils";
+import HvTypography from "../../Typography";
+import Header from "./Header";
+import Navigation from "./Navigation";
+import styles from "./styles";
+import { NAV_OPTIONS, REPRESENTATION_VALUES, VIEW_MODE } from "./enums";
+import { DEFAULT_LOCALE, getDateISO, getFormattedDate, getMonthNamesList, getWeekdayNamesList, isDate, isDateInValidRange, isNextDateValid, isPreviousDateValid, isSameDay, isSameMonth, isValidLocale, makeUTCDate, makeUTCToday } from "./utils";
+import CalendarModel from "./model";
+import withTooltip from "../../withTooltip";
+
+class Calendar extends React.Component {
+  constructor(props) {
+    super(props);
+
+    _defineProperty(this, "initLocalizedLabels", () => {
+      const {
+        locale
+      } = this.state;
+      this.listMonthNamesLong = getMonthNamesList(locale, REPRESENTATION_VALUES.LONG);
+      this.listMonthNamesShort = getMonthNamesList(locale, REPRESENTATION_VALUES.SHORT);
+      this.listWeekdayNamesNarrow = getWeekdayNamesList(locale, REPRESENTATION_VALUES.NARROW);
+    });
+
+    _defineProperty(this, "changeSelectedDateHeader", (date, shouldCloseCalendar) => this.changeSelectDate(date, shouldCloseCalendar));
+
+    _defineProperty(this, "changeSelectDate", (date, shouldCloseCalendar = true) => {
+      const {
+        handleDateChange
+      } = this.props;
+      this.setState(this.resolveStateFromDates(date));
+
+      if (typeof handleDateChange === "function") {
+        handleDateChange(date, shouldCloseCalendar);
+      }
+    });
+
+    _defineProperty(this, "selectDate", date => event => {
+      if (event) {
+        event.preventDefault();
+      }
+
+      this.changeSelectDate(date);
+    });
+
+    _defineProperty(this, "navigateTo", (navOption, month) => {
+      const {
+        calendarModel
+      } = this.state;
+      this.setState({
+        calendarModel: calendarModel.navigateTo(navOption, month),
+        viewMode: VIEW_MODE.CALENDAR
+      });
+      this.visibleDateChanged();
+    });
+
+    _defineProperty(this, "visibleDateChanged", () => {
+      const {
+        calendarModel
+      } = this.state;
+      const {
+        handleVisibleDateChange
+      } = this.props;
+
+      if (typeof handleVisibleDateChange === "function") {
+        const visibleDate = makeUTCDate(calendarModel.year, calendarModel.month, 1);
+        handleVisibleDateChange(visibleDate);
+      }
+    });
+
+    _defineProperty(this, "resolveStateFromDates", (selectedDate, visibleDate = null) => {
+      const {
+        locale
+      } = this.props;
+      const isDateObject = isDate(selectedDate);
+      const validSelectedDate = isDateObject ? selectedDate : makeUTCToday();
+      const validVisibleDate = isDate(visibleDate) ? visibleDate : validSelectedDate;
+      const visibleMonth = validVisibleDate.getUTCMonth() + 1;
+      const visibleYear = validVisibleDate.getUTCFullYear();
+      const validLocale = isValidLocale(locale) ? locale : DEFAULT_LOCALE;
+      return {
+        selectedDate: isDateObject ? selectedDate : null,
+        visibleDate: validVisibleDate,
+        calendarModel: new CalendarModel(visibleMonth, visibleYear),
+        viewMode: VIEW_MODE.CALENDAR,
+        locale: validLocale
+      };
+    });
+
+    _defineProperty(this, "resolveStateFromProps", () => {
+      const {
+        selectedDate,
+        visibleDate
+      } = this.props;
+      return this.resolveStateFromDates(selectedDate, visibleDate);
+    });
+
+    _defineProperty(this, "renderNavigation", () => {
+      const {
+        calendarModel
+      } = this.state;
+      const {
+        classes,
+        id
+      } = this.props;
+      const {
+        year,
+        month
+      } = calendarModel;
+      const monthName = this.listMonthNamesLong[month - 1];
+      const previousYearValid = isPreviousDateValid(year, 1);
+      const nextYearValid = isNextDateValid(year, 12);
+      const previousMonthValid = isPreviousDateValid(year, month);
+      const nextMonthValid = isNextDateValid(year, month);
+      return /*#__PURE__*/React.createElement("div", {
+        className: classes.navigationContainer
+      }, /*#__PURE__*/React.createElement("div", {
+        className: classes.navigationMonth
+      }, /*#__PURE__*/React.createElement(Navigation, {
+        id: setId(id, "navigation-month"),
+        navigationText: monthName,
+        onNavigatePrevious: () => {
+          this.navigateTo(NAV_OPTIONS.PREVIOUS_MONTH);
+        },
+        onNavigateNext: () => this.navigateTo(NAV_OPTIONS.NEXT_MONTH),
+        onTextClick: () => this.setState({
+          viewMode: VIEW_MODE.MONTHLY
+        }),
+        className: classes.navigationMonth,
+        isPreviousEnabled: previousMonthValid,
+        isNextEnabled: nextMonthValid
+      })), /*#__PURE__*/React.createElement(Navigation, {
+        id: setId(id, "navigation-year"),
+        navigationText: year.toString(),
+        onNavigatePrevious: () => this.navigateTo(NAV_OPTIONS.PREVIOUS_YEAR),
+        onNavigateNext: () => this.navigateTo(NAV_OPTIONS.NEXT_YEAR),
+        isPreviousEnabled: previousYearValid,
+        isNextEnabled: nextYearValid
+      }));
+    });
+
+    _defineProperty(this, "renderDayLabel", () => {
+      const {
+        classes
+      } = this.props;
+      return this.listWeekdayNamesNarrow.map((dayName, index) => {
+        const key = `${dayName}-${index}`;
+        return /*#__PURE__*/React.createElement(HvTypography, {
+          variant: "highlightText",
+          className: classes.calendarDay,
+          key: key,
+          index: index
+        }, dayName);
+      });
+    });
+
+    _defineProperty(this, "arrowKeysFocus", (event, onClickFunc, rowLength) => {
+      if (isKeypress(event, KeyboardCodes.ArrowLeft)) {
+        event.preventDefault();
+        document.activeElement.previousSibling.focus();
+      }
+
+      if (isKeypress(event, KeyboardCodes.ArrowRight)) {
+        event.preventDefault();
+        document.activeElement.nextSibling.focus();
+      }
+
+      if (isKeypress(event, KeyboardCodes.ArrowUp)) {
+        event.preventDefault();
+        let element = document.activeElement;
+
+        for (let i = 0; i < rowLength; i += 1) {
+          element = element.previousSibling;
+        }
+
+        element.focus();
+      }
+
+      if (isKeypress(event, KeyboardCodes.ArrowDown)) {
+        event.preventDefault();
+        let element = document.activeElement;
+
+        for (let i = 0; i < rowLength; i += 1) {
+          element = element.nextSibling;
+        }
+
+        element.focus();
+      }
+
+      if (isKeypress(event, KeyboardCodes.Enter)) {
+        onClickFunc();
+      }
+    });
+
+    _defineProperty(this, "renderCalendarDate", currentDate => {
+      const {
+        selectedDate,
+        calendarModel,
+        today,
+        locale
+      } = this.state;
+      const {
+        classes
+      } = this.props; // Checks if the received date is the same as today.
+
+      const isToday = isSameDay(currentDate, today); // Checks if the received date is the same as the currently selected date.
+
+      const isCurrent = selectedDate && isSameDay(currentDate, selectedDate); // Checks if the received date is in the same month and year the current month and year in the state.
+
+      const inMonth = calendarModel.month && calendarModel.year && isSameMonth(currentDate, makeUTCDate(calendarModel.year, calendarModel.month, 1)); // Checks if the date is in a valid range
+
+      const dateInValidRange = isDateInValidRange(currentDate); // Sets the initial class as `calendarDate` and then adds the rest of the classes according to the state.
+
+      let className = `${classes.calendarDate}`;
+      let typographyVariant = "normalText";
+
+      if (isCurrent) {
+        className += ` ${classes.calendarDateSelected}`;
+      } else if (isToday) {
+        typographyVariant = "highlightText";
+      } else if (!inMonth) {
+        className += ` ${classes.calendarDateNotInMonth}`;
+      }
+
+      const onClickFunc = dateInValidRange ? this.selectDate(currentDate) : undefined;
+
+      const DateDisplay = () => /*#__PURE__*/React.createElement("div", {
+        className: classes.focusSelection,
+        onClick: onClickFunc,
+        onKeyDown: event => this.arrowKeysFocus(event, onClickFunc, 7),
+        role: "presentation",
+        tabIndex: 0
+      }, /*#__PURE__*/React.createElement(HvTypography, {
+        variant: typographyVariant,
+        className: `${className} ${dateInValidRange ? "" : classes.calendarDateInvalid}`
+      }, currentDate.getUTCDate()));
+
+      const DateTooltipWrapper = withTooltip(DateDisplay, getFormattedDate(currentDate, locale));
+      return /*#__PURE__*/React.createElement(DateTooltipWrapper, {
+        key: getDateISO(currentDate)
+      });
+    });
+
+    _defineProperty(this, "renderHeader", () => {
+      const {
+        selectedDate
+      } = this.state;
+      const {
+        label,
+        locale,
+        id
+      } = this.props;
+      return /*#__PURE__*/React.createElement(Header, {
+        id: id,
+        inputDate: selectedDate || makeUTCToday(),
+        locale: locale,
+        topText: label,
+        onSelection: this.changeSelectedDateHeader
+      });
+    });
+
+    _defineProperty(this, "renderMonthlyView", () => {
+      const {
+        classes,
+        rangeMode
+      } = this.props;
+      const {
+        calendarModel
+      } = this.state;
+      return /*#__PURE__*/React.createElement("div", {
+        className: `${classes.calendarMonthlyGrid} ${rangeMode ? classes.rangeModeWidth : classes.normalWidth}`
+      }, this.listMonthNamesShort.map((monthName, index) => {
+        const key = `${monthName}-${index}`;
+        let className = `${classes.calendarMonthlyCell}`;
+
+        if (index + 1 === calendarModel.month) {
+          className += ` ${classes.calendarMonthlyCellSelected}`;
+        }
+
+        const onClick = () => this.navigateTo(NAV_OPTIONS.MONTH, index + 1);
+
+        return /*#__PURE__*/React.createElement("div", {
+          className: classes.focusSelection,
+          key: key,
+          role: "presentation",
+          onClick: onClick,
+          onKeyDown: event => this.arrowKeysFocus(event, onClick, 3),
+          tabIndex: 0
+        }, /*#__PURE__*/React.createElement(HvTypography, {
+          variant: "normalText",
+          className: className
+        }, monthName));
+      }));
+    });
+
+    _defineProperty(this, "renderContent", () => {
+      const {
+        classes
+      } = this.props;
+      const {
+        viewMode,
+        calendarModel
+      } = this.state;
+      return /*#__PURE__*/React.createElement(React.Fragment, null, viewMode === VIEW_MODE.CALENDAR && this.renderNavigation(), viewMode === VIEW_MODE.MONTHLY && this.renderMonthlyView(), /*#__PURE__*/React.createElement("div", {
+        className: classes.calendarGrid
+      }, this.renderDayLabel(), calendarModel.dates.map(this.renderCalendarDate)));
+    });
+
+    this.state = _objectSpread(_objectSpread({}, this.resolveStateFromProps()), {}, {
+      today: makeUTCToday()
+    });
+    this.initLocalizedLabels();
+  }
+  /**
+   * Triggered right before the Render() function of the components.
+   * Here we can update the state when a prop is changed.
+   * In this case we want to update the calendar state if the selectedDate in the Props is different from the one in
+   * the state.
+   *
+   * @static
+   * @param {Object} props - The new props object.
+   * @param {Object} state - The current state object.
+   *
+   * @returns {Object} - The updated state
+   * @memberOf Calendar
+   */
+
+
+  static getDerivedStateFromProps(props, state) {
+    if (isDate(props.selectedDate) && !isSameDay(props.selectedDate, state.selectedDate)) {
+      const newState = {};
+      newState.selectedDate = props.selectedDate;
+
+      if (!isSameMonth(props.selectedDate, state.visibleDate)) {
+        const newVisibleDate = props.selectedDate;
+        const visibleMonth = newVisibleDate.getUTCMonth() + 1;
+        const visibleYear = newVisibleDate.getUTCFullYear();
+        newState.visibleDate = newVisibleDate;
+        newState.calendarModel = state.calendarModel.navigateTo(NAV_OPTIONS.MONTH_YEAR, visibleMonth, visibleYear);
+      }
+
+      return newState;
+    }
+
+    return null;
+  }
+  /**
+   * Initializes the lists with the localized names for the months are weekday names.
+   *
+   * @memberOf Calendar
+   */
+
+
+  render() {
+    const {
+      classes,
+      id
+    } = this.props;
+    return /*#__PURE__*/React.createElement("div", {
+      id: id,
+      className: classes.calendarWrapper
+    }, this.renderHeader(), this.renderContent());
+  }
+
+}
+
+process.env.NODE_ENV !== "production" ? Calendar.propTypes = {
+  /**
+   * Styles applied from the theme.
+   */
+  classes: PropTypes.instanceOf(Object).isRequired,
+
+  /**
+   * Identifier.
+   */
+  id: PropTypes.string,
+
+  /**
+   * Locale to be used by the calendar.
+   */
+  locale: PropTypes.string,
+
+  /**
+   * Date that should be used as the starting selected date for the calendar.
+   */
+  selectedDate: PropTypes.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.instanceOf(Date),
+
+  /**
+   * Callback function to be triggered when the selected date has changed.
+   */
+  handleDateChange: PropTypes.func,
+
+  /**
+   * Callback function to be triggered when visible date has changed.
+   */
+  handleVisibleDateChange: PropTypes.func,
+
+  /**
+   * Indicates if the calendar is being used in ranged mode.
+   */
+  rangeMode: PropTypes.bool,
+
+  /**
+   * Text to show in the header on range mode.
+   */
+  label: PropTypes.string
+} : void 0;
+Calendar.defaultProps = {
+  id: undefined,
+  locale: DEFAULT_LOCALE,
+  selectedDate: undefined,
+  visibleDate: undefined,
+  handleDateChange: undefined,
+  handleVisibleDateChange: undefined,
+  rangeMode: false,
+  label: null
+};
+export default withStyles(styles, {
+  name: "HvDatePickerCalendar"
+})(Calendar);
+//# sourceMappingURL=Calendar.js.map

package/dist/modern/DatePicker/Calendar/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.js","names":["React","PropTypes","withStyles","isKeypress","KeyboardCodes","setId","HvTypography","Header","Navigation","styles","NAV_OPTIONS","REPRESENTATION_VALUES","VIEW_MODE","DEFAULT_LOCALE","getDateISO","getFormattedDate","getMonthNamesList","getWeekdayNamesList","isDate","isDateInValidRange","isNextDateValid","isPreviousDateValid","isSameDay","isSameMonth","isValidLocale","makeUTCDate","makeUTCToday","CalendarModel","withTooltip","Calendar","Component","constructor","props","locale","state","listMonthNamesLong","LONG","listMonthNamesShort","SHORT","listWeekdayNamesNarrow","NARROW","date","shouldCloseCalendar","changeSelectDate","handleDateChange","setState","resolveStateFromDates","event","preventDefault","navOption","month","calendarModel","navigateTo","viewMode","CALENDAR","visibleDateChanged","handleVisibleDateChange","visibleDate","year","selectedDate","isDateObject","validSelectedDate","validVisibleDate","visibleMonth","getUTCMonth","visibleYear","getUTCFullYear","validLocale","classes","id","monthName","previousYearValid","nextYearValid","previousMonthValid","nextMonthValid","navigationContainer","navigationMonth","PREVIOUS_MONTH","NEXT_MONTH","MONTHLY","toString","PREVIOUS_YEAR","NEXT_YEAR","map","dayName","index","key","calendarDay","onClickFunc","rowLength","ArrowLeft","document","activeElement","previousSibling","focus","ArrowRight","nextSibling","ArrowUp","element","i","ArrowDown","Enter","currentDate","today","isToday","isCurrent","inMonth","dateInValidRange","className","calendarDate","typographyVariant","calendarDateSelected","calendarDateNotInMonth","selectDate","undefined","DateDisplay","focusSelection","arrowKeysFocus","calendarDateInvalid","getUTCDate","DateTooltipWrapper","label","changeSelectedDateHeader","rangeMode","calendarMonthlyGrid","rangeModeWidth","normalWidth","calendarMonthlyCell","calendarMonthlyCellSelected","onClick","MONTH","renderNavigation","renderMonthlyView","calendarGrid","renderDayLabel","dates","renderCalendarDate","resolveStateFromProps","initLocalizedLabels","getDerivedStateFromProps","newState","newVisibleDate","MONTH_YEAR","render","calendarWrapper","renderHeader","renderContent","propTypes","instanceOf","Object","isRequired","string","Date","func","bool","defaultProps","name"],"sources":["../../../../src/DatePicker/Calendar/Calendar.js"],"sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { isKeypress, KeyboardCodes, setId } from \"../../utils\";\nimport HvTypography from \"../../Typography\";\nimport Header from \"./Header\";\nimport Navigation from \"./Navigation\";\nimport styles from \"./styles\";\n\nimport { NAV_OPTIONS, REPRESENTATION_VALUES, VIEW_MODE } from \"./enums\";\nimport {\n  DEFAULT_LOCALE,\n  getDateISO,\n  getFormattedDate,\n  getMonthNamesList,\n  getWeekdayNamesList,\n  isDate,\n  isDateInValidRange,\n  isNextDateValid,\n  isPreviousDateValid,\n  isSameDay,\n  isSameMonth,\n  isValidLocale,\n  makeUTCDate,\n  makeUTCToday,\n} from \"./utils\";\n\nimport CalendarModel from \"./model\";\nimport withTooltip from \"../../withTooltip\";\n\nclass Calendar extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = { ...this.resolveStateFromProps(), today: makeUTCToday() };\n\n    this.initLocalizedLabels();\n  }\n\n  /**\n   * Triggered right before the Render() function of the components.\n   * Here we can update the state when a prop is changed.\n   * In this case we want to update the calendar state if the selectedDate in the Props is different from the one in\n   * the state.\n   *\n   * @static\n   * @param {Object} props - The new props object.\n   * @param {Object} state - The current state object.\n   *\n   * @returns {Object} - The updated state\n   * @memberOf Calendar\n   */\n  static getDerivedStateFromProps(props, state) {\n    if (isDate(props.selectedDate) && !isSameDay(props.selectedDate, state.selectedDate)) {\n      const newState = {};\n      newState.selectedDate = props.selectedDate;\n\n      if (!isSameMonth(props.selectedDate, state.visibleDate)) {\n        const newVisibleDate = props.selectedDate;\n        const visibleMonth = newVisibleDate.getUTCMonth() + 1;\n        const visibleYear = newVisibleDate.getUTCFullYear();\n\n        newState.visibleDate = newVisibleDate;\n        newState.calendarModel = state.calendarModel.navigateTo(\n          NAV_OPTIONS.MONTH_YEAR,\n          visibleMonth,\n          visibleYear\n        );\n      }\n\n      return newState;\n    }\n    return null;\n  }\n\n  /**\n   * Initializes the lists with the localized names for the months are weekday names.\n   *\n   * @memberOf Calendar\n   */\n  initLocalizedLabels = () => {\n    const { locale } = this.state;\n\n    this.listMonthNamesLong = getMonthNamesList(locale, REPRESENTATION_VALUES.LONG);\n    this.listMonthNamesShort = getMonthNamesList(locale, REPRESENTATION_VALUES.SHORT);\n    this.listWeekdayNamesNarrow = getWeekdayNamesList(locale, REPRESENTATION_VALUES.NARROW);\n  };\n\n  changeSelectedDateHeader = (date, shouldCloseCalendar) =>\n    this.changeSelectDate(date, shouldCloseCalendar);\n\n  /**\n   * Sets the passed date, calling the callback from the DatePicker.\n   *\n   * @param date\n   * @param shouldCloseCalendar\n   */\n  changeSelectDate = (date, shouldCloseCalendar = true) => {\n    const { handleDateChange } = this.props;\n    this.setState(this.resolveStateFromDates(date));\n\n    if (typeof handleDateChange === \"function\") {\n      handleDateChange(date, shouldCloseCalendar);\n    }\n  };\n\n  /**\n   * Sets the state to the received date and triggers the `handleDateChange` callback in case it was defined.\n   *\n   * @param {Date} date - The date to which the state will be changed to.\n   * @memberOf Calendar\n   */\n  selectDate = (date) => (event) => {\n    if (event) {\n      event.preventDefault();\n    }\n    this.changeSelectDate(date);\n  };\n\n  /**\n   * Navigates through the calendar according to the received navigation options.\n   *\n   * @param navOption- Navigation option.\n   * @param month - Number of the month.\n   * @memberOf Calendar\n   */\n  navigateTo = (navOption, month) => {\n    const { calendarModel } = this.state;\n\n    this.setState({\n      calendarModel: calendarModel.navigateTo(navOption, month),\n      viewMode: VIEW_MODE.CALENDAR,\n    });\n    this.visibleDateChanged();\n  };\n\n  /**\n   * Triggers the callback to warn that the visible date was changed.\n   *\n   * @memberOf Calendar\n   */\n  visibleDateChanged = () => {\n    const { calendarModel } = this.state;\n    const { handleVisibleDateChange } = this.props;\n\n    if (typeof handleVisibleDateChange === \"function\") {\n      const visibleDate = makeUTCDate(calendarModel.year, calendarModel.month, 1);\n      handleVisibleDateChange(visibleDate);\n    }\n  };\n\n  /**\n   * Resolves the state using the received date.\n   *\n   * @param {Date} selectedDate - The date that will be used to set the selected date.\n   * @param {Date} visibleDate - The date that will be used to set the currently visible month and year.\n   * @returns {{\n   *  selectedDate {Date} - Currently selected date\n   *  calendarModel {CalendarModel} - Object representing the current calendar.\n   *  viewMode {REPRESENTATION_VALUE} - Visualization mode currently active.\n   * }}\n   * @memberOf Calendar\n   */\n  resolveStateFromDates = (selectedDate, visibleDate = null) => {\n    const { locale } = this.props;\n\n    const isDateObject = isDate(selectedDate);\n    const validSelectedDate = isDateObject ? selectedDate : makeUTCToday();\n    const validVisibleDate = isDate(visibleDate) ? visibleDate : validSelectedDate;\n\n    const visibleMonth = validVisibleDate.getUTCMonth() + 1;\n    const visibleYear = validVisibleDate.getUTCFullYear();\n    const validLocale = isValidLocale(locale) ? locale : DEFAULT_LOCALE;\n\n    return {\n      selectedDate: isDateObject ? selectedDate : null,\n      visibleDate: validVisibleDate,\n      calendarModel: new CalendarModel(visibleMonth, visibleYear),\n      viewMode: VIEW_MODE.CALENDAR,\n      locale: validLocale,\n    };\n  };\n\n  /**\n   * Resolves the state using the `selectedDate` and `visibleDate` properties.\n   *\n   * @memberOf Calendar\n   */\n  resolveStateFromProps = () => {\n    const { selectedDate, visibleDate } = this.props;\n\n    return this.resolveStateFromDates(selectedDate, visibleDate);\n  };\n\n  /**\n   * Renders the Month and Year navigation controls.\n   *\n   * @memberOf Calendar\n   */\n  renderNavigation = () => {\n    const { calendarModel } = this.state;\n    const { classes, id } = this.props;\n    const { year, month } = calendarModel;\n\n    const monthName = this.listMonthNamesLong[month - 1];\n    const previousYearValid = isPreviousDateValid(year, 1);\n    const nextYearValid = isNextDateValid(year, 12);\n    const previousMonthValid = isPreviousDateValid(year, month);\n    const nextMonthValid = isNextDateValid(year, month);\n\n    return (\n      <div className={classes.navigationContainer}>\n        <div className={classes.navigationMonth}>\n          <Navigation\n            id={setId(id, \"navigation-month\")}\n            navigationText={monthName}\n            onNavigatePrevious={() => {\n              this.navigateTo(NAV_OPTIONS.PREVIOUS_MONTH);\n            }}\n            onNavigateNext={() => this.navigateTo(NAV_OPTIONS.NEXT_MONTH)}\n            onTextClick={() => this.setState({ viewMode: VIEW_MODE.MONTHLY })}\n            className={classes.navigationMonth}\n            isPreviousEnabled={previousMonthValid}\n            isNextEnabled={nextMonthValid}\n          />\n        </div>\n\n        <Navigation\n          id={setId(id, \"navigation-year\")}\n          navigationText={year.toString()}\n          onNavigatePrevious={() => this.navigateTo(NAV_OPTIONS.PREVIOUS_YEAR)}\n          onNavigateNext={() => this.navigateTo(NAV_OPTIONS.NEXT_YEAR)}\n          isPreviousEnabled={previousYearValid}\n          isNextEnabled={nextYearValid}\n        />\n      </div>\n    );\n  };\n\n  /**\n   * Renders the elements for the week day names.\n   *\n   * @memberOf Calendar\n   */\n  renderDayLabel = () => {\n    const { classes } = this.props;\n\n    return this.listWeekdayNamesNarrow.map((dayName, index) => {\n      const key = `${dayName}-${index}`;\n      return (\n        <HvTypography\n          variant=\"highlightText\"\n          className={classes.calendarDay}\n          key={key}\n          index={index}\n        >\n          {dayName}\n        </HvTypography>\n      );\n    });\n  };\n\n  arrowKeysFocus = (event, onClickFunc, rowLength) => {\n    if (isKeypress(event, KeyboardCodes.ArrowLeft)) {\n      event.preventDefault();\n      document.activeElement.previousSibling.focus();\n    }\n    if (isKeypress(event, KeyboardCodes.ArrowRight)) {\n      event.preventDefault();\n      document.activeElement.nextSibling.focus();\n    }\n    if (isKeypress(event, KeyboardCodes.ArrowUp)) {\n      event.preventDefault();\n      let element = document.activeElement;\n      for (let i = 0; i < rowLength; i += 1) {\n        element = element.previousSibling;\n      }\n      element.focus();\n    }\n    if (isKeypress(event, KeyboardCodes.ArrowDown)) {\n      event.preventDefault();\n      let element = document.activeElement;\n      for (let i = 0; i < rowLength; i += 1) {\n        element = element.nextSibling;\n      }\n      element.focus();\n    }\n    if (isKeypress(event, KeyboardCodes.Enter)) {\n      onClickFunc();\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  renderCalendarDate = (currentDate) => {\n    const { selectedDate, calendarModel, today, locale } = this.state;\n    const { classes } = this.props;\n\n    // Checks if the received date is the same as today.\n    const isToday = isSameDay(currentDate, today);\n\n    // Checks if the received date is the same as the currently selected date.\n    const isCurrent = selectedDate && isSameDay(currentDate, selectedDate);\n\n    // Checks if the received date is in the same month and year the current month and year in the state.\n    const inMonth =\n      calendarModel.month &&\n      calendarModel.year &&\n      isSameMonth(currentDate, makeUTCDate(calendarModel.year, calendarModel.month, 1));\n\n    // Checks if the date is in a valid range\n    const dateInValidRange = isDateInValidRange(currentDate);\n\n    // Sets the initial class as `calendarDate` and then adds the rest of the classes according to the state.\n    let className = `${classes.calendarDate}`;\n    let typographyVariant = \"normalText\";\n\n    if (isCurrent) {\n      className += ` ${classes.calendarDateSelected}`;\n    } else if (isToday) {\n      typographyVariant = \"highlightText\";\n    } else if (!inMonth) {\n      className += ` ${classes.calendarDateNotInMonth}`;\n    }\n\n    const onClickFunc = dateInValidRange ? this.selectDate(currentDate) : undefined;\n\n    const DateDisplay = () => (\n      <div\n        className={classes.focusSelection}\n        onClick={onClickFunc}\n        onKeyDown={(event) => this.arrowKeysFocus(event, onClickFunc, 7)}\n        role=\"presentation\"\n        tabIndex={0}\n      >\n        <HvTypography\n          variant={typographyVariant}\n          className={`${className} ${dateInValidRange ? \"\" : classes.calendarDateInvalid}`}\n        >\n          {currentDate.getUTCDate()}\n        </HvTypography>\n      </div>\n    );\n\n    const DateTooltipWrapper = withTooltip(DateDisplay, getFormattedDate(currentDate, locale));\n\n    return <DateTooltipWrapper key={getDateISO(currentDate)} />;\n  };\n\n  /**\n   * Renders the header element.\n   *\n   * @memberOf Calendar\n   */\n  renderHeader = () => {\n    const { selectedDate } = this.state;\n    const { label, locale, id } = this.props;\n\n    return (\n      <Header\n        id={id}\n        inputDate={selectedDate || makeUTCToday()}\n        locale={locale}\n        topText={label}\n        onSelection={this.changeSelectedDateHeader}\n      />\n    );\n  };\n\n  /**\n   * Renders the monthly view. This view is used when pressing the month.\n   *\n   * @memberOf Calendar\n   */\n  renderMonthlyView = () => {\n    const { classes, rangeMode } = this.props;\n    const { calendarModel } = this.state;\n\n    return (\n      <div\n        className={`${classes.calendarMonthlyGrid} ${\n          rangeMode ? classes.rangeModeWidth : classes.normalWidth\n        }`}\n      >\n        {this.listMonthNamesShort.map((monthName, index) => {\n          const key = `${monthName}-${index}`;\n          let className = `${classes.calendarMonthlyCell}`;\n          if (index + 1 === calendarModel.month) {\n            className += ` ${classes.calendarMonthlyCellSelected}`;\n          }\n          const onClick = () => this.navigateTo(NAV_OPTIONS.MONTH, index + 1);\n          return (\n            <div\n              className={classes.focusSelection}\n              key={key}\n              role=\"presentation\"\n              onClick={onClick}\n              onKeyDown={(event) => this.arrowKeysFocus(event, onClick, 3)}\n              tabIndex={0}\n            >\n              <HvTypography variant=\"normalText\" className={className}>\n                {monthName}\n              </HvTypography>\n            </div>\n          );\n        })}\n      </div>\n    );\n  };\n\n  /**\n   * Renders the content according to the viewMode of the calendar.\n   *\n   * @memberOf Calendar\n   */\n  renderContent = () => {\n    const { classes } = this.props;\n    const { viewMode, calendarModel } = this.state;\n\n    return (\n      <>\n        {viewMode === VIEW_MODE.CALENDAR && this.renderNavigation()}\n        {viewMode === VIEW_MODE.MONTHLY && this.renderMonthlyView()}\n        <div className={classes.calendarGrid}>\n          {this.renderDayLabel()}\n          {calendarModel.dates.map(this.renderCalendarDate)}\n        </div>\n      </>\n    );\n  };\n\n  render() {\n    const { classes, id } = this.props;\n    return (\n      <div id={id} className={classes.calendarWrapper}>\n        {this.renderHeader()}\n        {this.renderContent()}\n      </div>\n    );\n  }\n}\n\nCalendar.propTypes = {\n  /**\n   * Styles applied from the theme.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * Locale to be used by the calendar.\n   */\n  locale: PropTypes.string,\n  /**\n   * Date that should be used as the starting selected date for the calendar.\n   */\n  selectedDate: PropTypes.instanceOf(Date),\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   * Callback function to be triggered when the selected date has changed.\n   */\n  handleDateChange: PropTypes.func,\n  /**\n   * Callback function to be triggered when visible date has changed.\n   */\n  handleVisibleDateChange: PropTypes.func,\n  /**\n   * Indicates if the calendar is being used in ranged mode.\n   */\n  rangeMode: PropTypes.bool,\n  /**\n   * Text to show in the header on range mode.\n   */\n  label: PropTypes.string,\n};\n\nCalendar.defaultProps = {\n  id: undefined,\n  locale: DEFAULT_LOCALE,\n  selectedDate: undefined,\n  visibleDate: undefined,\n  handleDateChange: undefined,\n  handleVisibleDateChange: undefined,\n  rangeMode: false,\n  label: null,\n};\n\nexport default withStyles(styles, { name: \"HvDatePickerCalendar\" })(Calendar);\n"],"mappings":"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"}