@hitachivantara/uikit-react-core 2.23.2

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

@@ -0,0 +1,204 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import React from "react";
+import PropTypes from "prop-types";
+import moment from "moment";
+import clsx from "clsx";
+import { withStyles } from "@material-ui/core";
+import { setId, isKeypress, KeyboardCodes } from "../../../utils";
+import HvTypography from "../../../Typography";
+import styles from "./styles";
+
+const format = date => date.format("D MMM YYYY");
+
+class Header extends React.Component {
+  constructor(props) {
+    super(props);
+
+    _defineProperty(this, "chooseShowValue", (shouldCloseCalendar, isInvalid, value, formatShowValue, showValue) => {
+      let newShowValue;
+
+      if (shouldCloseCalendar) {
+        if (!isInvalid) newShowValue = showValue;else newShowValue = value;
+      } else {
+        newShowValue = formatShowValue;
+      }
+
+      return newShowValue;
+    });
+
+    _defineProperty(this, "checkInputData", (shouldCloseCalendar = false) => {
+      const {
+        prevValue,
+        value,
+        showValue,
+        isInvalid
+      } = this.state;
+      const {
+        onSelection
+      } = this.props;
+      const momentDate = moment.utc(value, "L");
+
+      if (!momentDate.isValid()) {
+        this.setState({
+          isInvalid: true
+        });
+      } else {
+        const formatShowValue = format(momentDate);
+        const newShowValue = this.chooseShowValue(shouldCloseCalendar, isInvalid, value, formatShowValue, showValue);
+
+        if (!prevValue.isSame(momentDate, "date") || shouldCloseCalendar) {
+          this.setState({
+            isInvalid: false,
+            showValue: newShowValue,
+            value: momentDate,
+            prevValue: momentDate,
+            weekDay: momentDate.format("ddd")
+          });
+          onSelection(momentDate.toDate(), shouldCloseCalendar);
+        } else {
+          this.setState({
+            showValue: newShowValue
+          });
+        }
+      }
+    });
+
+    _defineProperty(this, "onBlurHandler", () => {
+      this.checkInputData();
+    });
+
+    _defineProperty(this, "onFocusHandler", () => {
+      const {
+        value
+      } = this.state;
+      if (value) this.setState({
+        showValue: value.format("L")
+      });
+    });
+
+    _defineProperty(this, "onKeyDownHandler", event => {
+      if (isKeypress(event, KeyboardCodes.Enter)) {
+        this.checkInputData(true);
+      }
+    });
+
+    _defineProperty(this, "onChangeHandler", event => {
+      const newValue = event.target.value;
+      this.setState({
+        value: newValue,
+        showValue: newValue
+      });
+    });
+
+    const {
+      inputDate,
+      locale
+    } = this.props;
+    moment.locale(locale);
+
+    const _value = inputDate ? moment(inputDate, "L").utc() : null;
+
+    this.state = {
+      prevValue: _value,
+      showValue: _value ? format(_value) : null,
+      value: _value,
+      weekDay: _value && _value.isValid() ? _value.format("ddd") : null,
+      isInvalid: false,
+      // eslint-disable-next-line no-underscore-dangle
+      localeFormat: moment().creationData().locale._longDateFormat.L
+    };
+  }
+
+  static getDerivedStateFromProps(props, state) {
+    const value = props.inputDate ? moment(props.inputDate, "L").utc() : null;
+
+    if (!value.isSame(state.prevValue, "date")) {
+      return {
+        prevValue: value,
+        showValue: value ? format(value) : null,
+        value,
+        weekDay: value && value.isValid() ? value.format("ddd") : null
+      };
+    }
+
+    return null;
+  }
+
+  render() {
+    const {
+      classes,
+      topText,
+      id
+    } = this.props;
+    const {
+      showValue,
+      isInvalid,
+      weekDay,
+      localeFormat
+    } = this.state;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, topText && /*#__PURE__*/React.createElement(HvTypography, {
+      variant: "labelText",
+      className: classes.rangeLabel
+    }, topText), /*#__PURE__*/React.createElement("div", {
+      id: setId(id, "header"),
+      className: clsx(classes.background, isInvalid && classes.invalid)
+    }, /*#__PURE__*/React.createElement("div", {
+      className: classes.headerDayOfWeek
+    }, /*#__PURE__*/React.createElement(HvTypography, {
+      variant: "normalText"
+    }, weekDay)), /*#__PURE__*/React.createElement("div", {
+      className: classes.headerDate
+    }, /*#__PURE__*/React.createElement("input", {
+      id: setId(id, "header-input"),
+      placeholder: localeFormat,
+      value: showValue,
+      className: classes.input,
+      onKeyDown: this.onKeyDownHandler,
+      onChange: this.onChangeHandler,
+      onBlur: this.onBlurHandler,
+      onFocus: this.onFocusHandler
+    }))));
+  }
+
+}
+
+process.env.NODE_ENV !== "production" ? Header.propTypes = {
+  /**
+   * A Jss Object used to override or extend the component styles.
+   */
+  classes: PropTypes.instanceOf(Object).isRequired,
+
+  /**
+   * Identifier.
+   */
+  id: PropTypes.string,
+
+  /**
+   * The text to be shown on the main part of the header.
+   */
+  inputDate: PropTypes.instanceOf(Date),
+
+  /**
+   * The text to be shown above the header.
+   */
+  topText: PropTypes.string,
+
+  /**
+   * Locale to be used by the calendar.
+   */
+  locale: PropTypes.string.isRequired,
+
+  /**
+   * Callback to define the input date.
+   */
+  onSelection: PropTypes.func.isRequired
+} : void 0;
+Header.defaultProps = {
+  id: undefined,
+  inputDate: null,
+  topText: null
+};
+export default withStyles(styles, {
+  name: "HvDatePickerHeader"
+})(Header);
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","names":["React","PropTypes","moment","clsx","withStyles","setId","isKeypress","KeyboardCodes","HvTypography","styles","format","date","Header","Component","constructor","props","shouldCloseCalendar","isInvalid","value","formatShowValue","showValue","newShowValue","prevValue","state","onSelection","momentDate","utc","isValid","setState","chooseShowValue","isSame","weekDay","toDate","checkInputData","event","Enter","newValue","target","inputDate","locale","localeFormat","creationData","_longDateFormat","L","getDerivedStateFromProps","render","classes","topText","id","rangeLabel","background","invalid","headerDayOfWeek","headerDate","input","onKeyDownHandler","onChangeHandler","onBlurHandler","onFocusHandler","propTypes","instanceOf","Object","isRequired","string","Date","func","defaultProps","undefined","name"],"sources":["../../../../../src/DatePicker/Calendar/Header/Header.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport moment from \"moment\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setId, isKeypress, KeyboardCodes } from \"../../../utils\";\nimport HvTypography from \"../../../Typography\";\nimport styles from \"./styles\";\n\nconst format = (date) => date.format(\"D MMM YYYY\");\n\nclass Header extends React.Component {\n  constructor(props) {\n    super(props);\n    const { inputDate, locale } = this.props;\n    moment.locale(locale);\n    const value = inputDate ? moment(inputDate, \"L\").utc() : null;\n    this.state = {\n      prevValue: value,\n      showValue: value ? format(value) : null,\n      value,\n      weekDay: value && value.isValid() ? value.format(\"ddd\") : null,\n      isInvalid: false,\n      // eslint-disable-next-line no-underscore-dangle\n      localeFormat: moment().creationData().locale._longDateFormat.L,\n    };\n  }\n\n  static getDerivedStateFromProps(props, state) {\n    const value = props.inputDate ? moment(props.inputDate, \"L\").utc() : null;\n\n    if (!value.isSame(state.prevValue, \"date\")) {\n      return {\n        prevValue: value,\n        showValue: value ? format(value) : null,\n        value,\n        weekDay: value && value.isValid() ? value.format(\"ddd\") : null,\n      };\n    }\n    return null;\n  }\n\n  chooseShowValue = (shouldCloseCalendar, isInvalid, value, formatShowValue, showValue) => {\n    let newShowValue;\n    if (shouldCloseCalendar) {\n      if (!isInvalid) newShowValue = showValue;\n      else newShowValue = value;\n    } else {\n      newShowValue = formatShowValue;\n    }\n    return newShowValue;\n  };\n\n  /**\n   * Validate if the input data is a valid date.\n   */\n  checkInputData = (shouldCloseCalendar = false) => {\n    const { prevValue, value, showValue, isInvalid } = this.state;\n    const { onSelection } = this.props;\n    const momentDate = moment.utc(value, \"L\");\n\n    if (!momentDate.isValid()) {\n      this.setState({ isInvalid: true });\n    } else {\n      const formatShowValue = format(momentDate);\n\n      const newShowValue = this.chooseShowValue(\n        shouldCloseCalendar,\n        isInvalid,\n        value,\n        formatShowValue,\n        showValue\n      );\n\n      if (!prevValue.isSame(momentDate, \"date\") || shouldCloseCalendar) {\n        this.setState({\n          isInvalid: false,\n          showValue: newShowValue,\n          value: momentDate,\n          prevValue: momentDate,\n          weekDay: momentDate.format(\"ddd\"),\n        });\n        onSelection(momentDate.toDate(), shouldCloseCalendar);\n      } else {\n        this.setState({ showValue: newShowValue });\n      }\n    }\n  };\n\n  /**\n   * Onblur it confirms the data.\n   */\n  onBlurHandler = () => {\n    this.checkInputData();\n  };\n\n  /**\n   * If the value is a valid date, the input must show the date formatted according the locale.\n   */\n  onFocusHandler = () => {\n    const { value } = this.state;\n    if (value)\n      this.setState({\n        showValue: value.format(\"L\"),\n      });\n  };\n\n  /**\n   * At Enter key validate the data.\n   *\n   * @param event\n   */\n  onKeyDownHandler = (event) => {\n    if (isKeypress(event, KeyboardCodes.Enter)) {\n      this.checkInputData(true);\n    }\n  };\n\n  /**\n   * Set the states in each interaction of the input.\n   *\n   * @param event\n   */\n  onChangeHandler = (event) => {\n    const newValue = event.target.value;\n    this.setState({\n      value: newValue,\n      showValue: newValue,\n    });\n  };\n\n  render() {\n    const { classes, topText, id } = this.props;\n    const { showValue, isInvalid, weekDay, localeFormat } = this.state;\n\n    return (\n      <>\n        {topText && (\n          <HvTypography variant=\"labelText\" className={classes.rangeLabel}>\n            {topText}\n          </HvTypography>\n        )}\n        <div\n          id={setId(id, \"header\")}\n          className={clsx(classes.background, {\n            [classes.invalid]: isInvalid,\n          })}\n        >\n          <div className={classes.headerDayOfWeek}>\n            <HvTypography variant=\"normalText\">{weekDay}</HvTypography>\n          </div>\n          <div className={classes.headerDate}>\n            <input\n              id={setId(id, \"header-input\")}\n              placeholder={localeFormat}\n              value={showValue}\n              className={classes.input}\n              onKeyDown={this.onKeyDownHandler}\n              onChange={this.onChangeHandler}\n              onBlur={this.onBlurHandler}\n              onFocus={this.onFocusHandler}\n            />\n          </div>\n        </div>\n      </>\n    );\n  }\n}\n\nHeader.propTypes = {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * The text to be shown on the main part of the header.\n   */\n  inputDate: PropTypes.instanceOf(Date),\n  /**\n   * The text to be shown above the header.\n   */\n  topText: PropTypes.string,\n  /**\n   * Locale to be used by the calendar.\n   */\n  locale: PropTypes.string.isRequired,\n  /**\n   * Callback to define the input date.\n   */\n  onSelection: PropTypes.func.isRequired,\n};\n\nHeader.defaultProps = {\n  id: undefined,\n  inputDate: null,\n  topText: null,\n};\n\nexport default withStyles(styles, { name: \"HvDatePickerHeader\" })(Header);\n"],"mappings":"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"}

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

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

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

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

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

@@ -0,0 +1,45 @@
+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; }
+
+import { outlineStyles } from "../../../Focus/styles";
+
+const styles = theme => ({
+  rangeLabel: {
+    paddingBottom: "10px"
+  },
+  background: {
+    backgroundColor: theme.palette.atmo3,
+    borderBottom: `1px solid ${theme.palette.atmo6}`,
+    borderTop: "1px solid transparent",
+    borderLeft: "1px solid transparent",
+    borderRight: "1px solid transparent"
+  },
+  headerDayOfWeek: {
+    paddingTop: "5px",
+    paddingLeft: theme.spacing("xs")
+  },
+  headerDate: {
+    padding: `5px ${theme.spacing("xs")}px`
+  },
+  invalid: {
+    border: `1px solid ${theme.palette.sema4}`
+  },
+  input: _objectSpread(_objectSpread({
+    border: "none",
+    backgroundColor: "transparent",
+    fontFamily: theme.hv.typography.fontFamily
+  }, theme.hv.typography.mTitle), {}, {
+    width: "100%",
+    "&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator": {
+      " -webkit-appearance": "none",
+      display: "none"
+    },
+    "&:focus": _objectSpread({}, outlineStyles)
+  })
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["outlineStyles","styles","theme","rangeLabel","paddingBottom","background","backgroundColor","palette","atmo3","borderBottom","atmo6","borderTop","borderLeft","borderRight","headerDayOfWeek","paddingTop","paddingLeft","spacing","headerDate","padding","invalid","border","sema4","input","fontFamily","hv","typography","mTitle","width","display"],"sources":["../../../../../src/DatePicker/Calendar/Header/styles.js"],"sourcesContent":["import { outlineStyles } from \"../../../Focus/styles\";\n\nconst styles = (theme) => ({\n  rangeLabel: {\n    paddingBottom: \"10px\",\n  },\n  background: {\n    backgroundColor: theme.palette.atmo3,\n    borderBottom: `1px solid ${theme.palette.atmo6}`,\n    borderTop: \"1px solid transparent\",\n    borderLeft: \"1px solid transparent\",\n    borderRight: \"1px solid transparent\",\n  },\n  headerDayOfWeek: {\n    paddingTop: \"5px\",\n    paddingLeft: theme.spacing(\"xs\"),\n  },\n  headerDate: {\n    padding: `5px ${theme.spacing(\"xs\")}px`,\n  },\n  invalid: {\n    border: `1px solid ${theme.palette.sema4}`,\n  },\n  input: {\n    border: \"none\",\n    backgroundColor: \"transparent\",\n    fontFamily: theme.hv.typography.fontFamily,\n    ...theme.hv.typography.mTitle,\n    width: \"100%\",\n    \"&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator\": {\n      \" -webkit-appearance\": \"none\",\n      display: \"none\",\n    },\n    \"&:focus\": {\n      ...outlineStyles,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,SAASA,aAAT,QAA8B,uBAA9B;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;EACzBC,UAAU,EAAE;IACVC,aAAa,EAAE;EADL,CADa;EAIzBC,UAAU,EAAE;IACVC,eAAe,EAAEJ,KAAK,CAACK,OAAN,CAAcC,KADrB;IAEVC,YAAY,EAAG,aAAYP,KAAK,CAACK,OAAN,CAAcG,KAAM,EAFrC;IAGVC,SAAS,EAAE,uBAHD;IAIVC,UAAU,EAAE,uBAJF;IAKVC,WAAW,EAAE;EALH,CAJa;EAWzBC,eAAe,EAAE;IACfC,UAAU,EAAE,KADG;IAEfC,WAAW,EAAEd,KAAK,CAACe,OAAN,CAAc,IAAd;EAFE,CAXQ;EAezBC,UAAU,EAAE;IACVC,OAAO,EAAG,OAAMjB,KAAK,CAACe,OAAN,CAAc,IAAd,CAAoB;EAD1B,CAfa;EAkBzBG,OAAO,EAAE;IACPC,MAAM,EAAG,aAAYnB,KAAK,CAACK,OAAN,CAAce,KAAM;EADlC,CAlBgB;EAqBzBC,KAAK;IACHF,MAAM,EAAE,MADL;IAEHf,eAAe,EAAE,aAFd;IAGHkB,UAAU,EAAEtB,KAAK,CAACuB,EAAN,CAASC,UAAT,CAAoBF;EAH7B,GAIAtB,KAAK,CAACuB,EAAN,CAASC,UAAT,CAAoBC,MAJpB;IAKHC,KAAK,EAAE,MALJ;IAMH,sEAAsE;MACpE,uBAAuB,MAD6C;MAEpEC,OAAO,EAAE;IAF2D,CANnE;IAUH,6BACK7B,aADL;EAVG;AArBoB,CAAZ,CAAf;;AAqCA,eAAeC,MAAf"}

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

@@ -0,0 +1,105 @@
+/* eslint-disable jsx-a11y/no-noninteractive-tabindex */
+import React from "react";
+import PropTypes from "prop-types";
+import { withStyles } from "@material-ui/core";
+import { DropLeftXS as DropLeftIcon, DropRightXS as DropRightIcon } from "@hitachivantara/uikit-react-icons";
+import { isKeypress, KeyboardCodes, setId } from "../../../utils";
+import HvTypography from "../../../Typography";
+import styles from "./styles";
+
+const Navigation = ({
+  id,
+  classes,
+  onNavigatePrevious,
+  onNavigateNext,
+  onTextClick,
+  navigationText,
+  isPreviousEnabled,
+  isNextEnabled
+}) => {
+  const onkeyDownHandler = (event, funcAction) => {
+    if (isKeypress(event, KeyboardCodes.Enter) || isKeypress(event, KeyboardCodes.Space)) {
+      event.preventDefault();
+      funcAction(event);
+    }
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: classes.root
+  }, /*#__PURE__*/React.createElement(DropLeftIcon, {
+    id: setId(id, "left"),
+    className: `${classes.icon} ${isPreviousEnabled ? "" : classes.disabled}`,
+    onClick: isPreviousEnabled ? onNavigatePrevious : undefined,
+    onKeyDown: event => isNextEnabled ? onkeyDownHandler(event, onNavigatePrevious) : undefined,
+    tabIndex: 0
+  }), /*#__PURE__*/React.createElement("div", {
+    id: id,
+    className: `${typeof onTextClick === "function" ? classes.text : classes.textWithoutHover}`,
+    role: "presentation",
+    onClick: onTextClick,
+    onKeyDown: onTextClick && (event => onkeyDownHandler(event, onTextClick)),
+    tabIndex: onTextClick ? 0 : -1
+  }, /*#__PURE__*/React.createElement(HvTypography, {
+    variant: "normalText"
+  }, navigationText)), /*#__PURE__*/React.createElement(DropRightIcon, {
+    id: setId(id, "right"),
+    className: `${classes.icon} ${isNextEnabled ? "" : classes.disabled}`,
+    onClick: isNextEnabled ? onNavigateNext : undefined,
+    onKeyDown: event => isNextEnabled ? onkeyDownHandler(event, onNavigateNext) : undefined,
+    tabIndex: 0
+  }));
+};
+
+process.env.NODE_ENV !== "production" ? Navigation.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 the navigate previous action is triggered.
+   */
+  onNavigatePrevious: PropTypes.func,
+
+  /**
+   * A function to be executed whenever the navigate next action is triggered.
+   */
+  onNavigateNext: PropTypes.func,
+
+  /**
+   * A function to be executed whenever the text is clicked.
+   */
+  onTextClick: PropTypes.func,
+
+  /**
+   * The text that will be shown between the navigation buttons.
+   */
+  navigationText: PropTypes.string,
+
+  /**
+   * Flag stating if the previous button should be enabled or disabled.
+   */
+  isPreviousEnabled: PropTypes.bool,
+
+  /**
+   * Flag stating if the next button should be enabled or disabled.
+   */
+  isNextEnabled: PropTypes.bool
+} : void 0;
+Navigation.defaultProps = {
+  onNavigatePrevious: undefined,
+  onNavigateNext: undefined,
+  onTextClick: undefined,
+  navigationText: "n/a",
+  isPreviousEnabled: true,
+  isNextEnabled: true
+};
+export default withStyles(styles, {
+  name: "HvDatePickerNavigation"
+})(Navigation);
+//# sourceMappingURL=Navigation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.js","names":["React","PropTypes","withStyles","DropLeftXS","DropLeftIcon","DropRightXS","DropRightIcon","isKeypress","KeyboardCodes","setId","HvTypography","styles","Navigation","id","classes","onNavigatePrevious","onNavigateNext","onTextClick","navigationText","isPreviousEnabled","isNextEnabled","onkeyDownHandler","event","funcAction","Enter","Space","preventDefault","root","icon","disabled","undefined","text","textWithoutHover","propTypes","string","instanceOf","Object","isRequired","func","bool","defaultProps","name"],"sources":["../../../../../src/DatePicker/Calendar/Navigation/Navigation.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 {\n  DropLeftXS as DropLeftIcon,\n  DropRightXS as DropRightIcon,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { isKeypress, KeyboardCodes, setId } from \"../../../utils\";\nimport HvTypography from \"../../../Typography\";\nimport styles from \"./styles\";\n\nconst Navigation = ({\n  id,\n  classes,\n  onNavigatePrevious,\n  onNavigateNext,\n  onTextClick,\n  navigationText,\n  isPreviousEnabled,\n  isNextEnabled,\n}) => {\n  const onkeyDownHandler = (event, funcAction) => {\n    if (isKeypress(event, KeyboardCodes.Enter) || isKeypress(event, KeyboardCodes.Space)) {\n      event.preventDefault();\n      funcAction(event);\n    }\n  };\n\n  return (\n    <div className={classes.root}>\n      <DropLeftIcon\n        id={setId(id, \"left\")}\n        className={`${classes.icon} ${isPreviousEnabled ? \"\" : classes.disabled}`}\n        onClick={isPreviousEnabled ? onNavigatePrevious : undefined}\n        onKeyDown={(event) =>\n          isNextEnabled ? onkeyDownHandler(event, onNavigatePrevious) : undefined\n        }\n        tabIndex={0}\n      />\n\n      <div\n        id={id}\n        className={`${typeof onTextClick === \"function\" ? classes.text : classes.textWithoutHover}`}\n        role=\"presentation\"\n        onClick={onTextClick}\n        onKeyDown={onTextClick && ((event) => onkeyDownHandler(event, onTextClick))}\n        tabIndex={onTextClick ? 0 : -1}\n      >\n        <HvTypography variant=\"normalText\">{navigationText}</HvTypography>\n      </div>\n\n      <DropRightIcon\n        id={setId(id, \"right\")}\n        className={`${classes.icon} ${isNextEnabled ? \"\" : classes.disabled}`}\n        onClick={isNextEnabled ? onNavigateNext : undefined}\n        onKeyDown={(event) => (isNextEnabled ? onkeyDownHandler(event, onNavigateNext) : undefined)}\n        tabIndex={0}\n      />\n    </div>\n  );\n};\n\nNavigation.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 the navigate previous action is triggered.\n   */\n  onNavigatePrevious: PropTypes.func,\n  /**\n   * A function to be executed whenever the navigate next action is triggered.\n   */\n  onNavigateNext: PropTypes.func,\n  /**\n   * A function to be executed whenever the text is clicked.\n   */\n  onTextClick: PropTypes.func,\n  /**\n   * The text that will be shown between the navigation buttons.\n   */\n  navigationText: PropTypes.string,\n  /**\n   * Flag stating if the previous button should be enabled or disabled.\n   */\n  isPreviousEnabled: PropTypes.bool,\n  /**\n   * Flag stating if the next button should be enabled or disabled.\n   */\n  isNextEnabled: PropTypes.bool,\n};\n\nNavigation.defaultProps = {\n  onNavigatePrevious: undefined,\n  onNavigateNext: undefined,\n  onTextClick: undefined,\n  navigationText: \"n/a\",\n  isPreviousEnabled: true,\n  isNextEnabled: true,\n};\n\nexport default withStyles(styles, { name: \"HvDatePickerNavigation\" })(Navigation);\n"],"mappings":"AAAA;AAEA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SACEC,UAAU,IAAIC,YADhB,EAEEC,WAAW,IAAIC,aAFjB,QAGO,mCAHP;AAIA,SAASC,UAAT,EAAqBC,aAArB,EAAoCC,KAApC,QAAiD,gBAAjD;AACA,OAAOC,YAAP,MAAyB,qBAAzB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,UAAU,GAAG,CAAC;EAClBC,EADkB;EAElBC,OAFkB;EAGlBC,kBAHkB;EAIlBC,cAJkB;EAKlBC,WALkB;EAMlBC,cANkB;EAOlBC,iBAPkB;EAQlBC;AARkB,CAAD,KASb;EACJ,MAAMC,gBAAgB,GAAG,CAACC,KAAD,EAAQC,UAAR,KAAuB;IAC9C,IAAIhB,UAAU,CAACe,KAAD,EAAQd,aAAa,CAACgB,KAAtB,CAAV,IAA0CjB,UAAU,CAACe,KAAD,EAAQd,aAAa,CAACiB,KAAtB,CAAxD,EAAsF;MACpFH,KAAK,CAACI,cAAN;MACAH,UAAU,CAACD,KAAD,CAAV;IACD;EACF,CALD;;EAOA,oBACE;IAAK,SAAS,EAAER,OAAO,CAACa;EAAxB,gBACE,oBAAC,YAAD;IACE,EAAE,EAAElB,KAAK,CAACI,EAAD,EAAK,MAAL,CADX;IAEE,SAAS,EAAG,GAAEC,OAAO,CAACc,IAAK,IAAGT,iBAAiB,GAAG,EAAH,GAAQL,OAAO,CAACe,QAAS,EAF1E;IAGE,OAAO,EAAEV,iBAAiB,GAAGJ,kBAAH,GAAwBe,SAHpD;IAIE,SAAS,EAAGR,KAAD,IACTF,aAAa,GAAGC,gBAAgB,CAACC,KAAD,EAAQP,kBAAR,CAAnB,GAAiDe,SALlE;IAOE,QAAQ,EAAE;EAPZ,EADF,eAWE;IACE,EAAE,EAAEjB,EADN;IAEE,SAAS,EAAG,GAAE,OAAOI,WAAP,KAAuB,UAAvB,GAAoCH,OAAO,CAACiB,IAA5C,GAAmDjB,OAAO,CAACkB,gBAAiB,EAF5F;IAGE,IAAI,EAAC,cAHP;IAIE,OAAO,EAAEf,WAJX;IAKE,SAAS,EAAEA,WAAW,KAAMK,KAAD,IAAWD,gBAAgB,CAACC,KAAD,EAAQL,WAAR,CAAhC,CALxB;IAME,QAAQ,EAAEA,WAAW,GAAG,CAAH,GAAO,CAAC;EAN/B,gBAQE,oBAAC,YAAD;IAAc,OAAO,EAAC;EAAtB,GAAoCC,cAApC,CARF,CAXF,eAsBE,oBAAC,aAAD;IACE,EAAE,EAAET,KAAK,CAACI,EAAD,EAAK,OAAL,CADX;IAEE,SAAS,EAAG,GAAEC,OAAO,CAACc,IAAK,IAAGR,aAAa,GAAG,EAAH,GAAQN,OAAO,CAACe,QAAS,EAFtE;IAGE,OAAO,EAAET,aAAa,GAAGJ,cAAH,GAAoBc,SAH5C;IAIE,SAAS,EAAGR,KAAD,IAAYF,aAAa,GAAGC,gBAAgB,CAACC,KAAD,EAAQN,cAAR,CAAnB,GAA6Cc,SAJnF;IAKE,QAAQ,EAAE;EALZ,EAtBF,CADF;AAgCD,CAjDD;;AAmDA,wCAAAlB,UAAU,CAACqB,SAAX,GAAuB;EACrB;AACF;AACA;EACEpB,EAAE,EAAEZ,SAAS,CAACiC,MAJO;;EAKrB;AACF;AACA;EACEpB,OAAO,EAAEb,SAAS,CAACkC,UAAV,CAAqBC,MAArB,EAA6BC,UARjB;;EASrB;AACF;AACA;EACEtB,kBAAkB,EAAEd,SAAS,CAACqC,IAZT;;EAarB;AACF;AACA;EACEtB,cAAc,EAAEf,SAAS,CAACqC,IAhBL;;EAiBrB;AACF;AACA;EACErB,WAAW,EAAEhB,SAAS,CAACqC,IApBF;;EAqBrB;AACF;AACA;EACEpB,cAAc,EAAEjB,SAAS,CAACiC,MAxBL;;EAyBrB;AACF;AACA;EACEf,iBAAiB,EAAElB,SAAS,CAACsC,IA5BR;;EA6BrB;AACF;AACA;EACEnB,aAAa,EAAEnB,SAAS,CAACsC;AAhCJ,CAAvB;AAmCA3B,UAAU,CAAC4B,YAAX,GAA0B;EACxBzB,kBAAkB,EAAEe,SADI;EAExBd,cAAc,EAAEc,SAFQ;EAGxBb,WAAW,EAAEa,SAHW;EAIxBZ,cAAc,EAAE,KAJQ;EAKxBC,iBAAiB,EAAE,IALK;EAMxBC,aAAa,EAAE;AANS,CAA1B;AASA,eAAelB,UAAU,CAACS,MAAD,EAAS;EAAE8B,IAAI,EAAE;AAAR,CAAT,CAAV,CAAuD7B,UAAvD,CAAf"}

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

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

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

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

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

@@ -0,0 +1,57 @@
+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; }
+
+import { outlineStyles } from "../../../Focus/styles";
+
+const styles = theme => ({
+  root: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between"
+  },
+  icon: {
+    userSelect: "none",
+    width: "30px",
+    height: "30px",
+    "&:hover": {
+      backgroundColor: theme.palette.atmo4,
+      cursor: "pointer"
+    },
+    "&:focus": _objectSpread({
+      backgroundColor: theme.palette.atmo4,
+      cursor: "pointer"
+    }, outlineStyles)
+  },
+  disabled: {
+    "& svg *.color0": {
+      fill: theme.palette.atmo6
+    },
+    "&:hover": {
+      backgroundColor: "transparent",
+      cursor: "not-allowed"
+    }
+  },
+  text: {
+    width: "calc(100% - 60px)",
+    textAlign: "center",
+    padding: "5px 0",
+    "&:hover": {
+      backgroundColor: theme.palette.atmo4,
+      cursor: "pointer"
+    },
+    "&:focus": _objectSpread({
+      backgroundColor: theme.palette.atmo4,
+      cursor: "pointer"
+    }, outlineStyles)
+  },
+  textWithoutHover: {
+    width: "calc(100% - 60px)",
+    textAlign: "center"
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["outlineStyles","styles","theme","root","display","alignItems","justifyContent","icon","userSelect","width","height","backgroundColor","palette","atmo4","cursor","disabled","fill","atmo6","text","textAlign","padding","textWithoutHover"],"sources":["../../../../../src/DatePicker/Calendar/Navigation/styles.js"],"sourcesContent":["import { outlineStyles } from \"../../../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n  },\n  icon: {\n    userSelect: \"none\",\n    width: \"30px\",\n    height: \"30px\",\n    \"&:hover\": {\n      backgroundColor: theme.palette.atmo4,\n      cursor: \"pointer\",\n    },\n    \"&:focus\": {\n      backgroundColor: theme.palette.atmo4,\n      cursor: \"pointer\",\n      ...outlineStyles,\n    },\n  },\n  disabled: {\n    \"& svg *.color0\": {\n      fill: theme.palette.atmo6,\n    },\n    \"&:hover\": {\n      backgroundColor: \"transparent\",\n      cursor: \"not-allowed\",\n    },\n  },\n  text: {\n    width: \"calc(100% - 60px)\",\n    textAlign: \"center\",\n    padding: \"5px 0\",\n    \"&:hover\": {\n      backgroundColor: theme.palette.atmo4,\n      cursor: \"pointer\",\n    },\n    \"&:focus\": {\n      backgroundColor: theme.palette.atmo4,\n      cursor: \"pointer\",\n      ...outlineStyles,\n    },\n  },\n  textWithoutHover: {\n    width: \"calc(100% - 60px)\",\n    textAlign: \"center\",\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,SAASA,aAAT,QAA8B,uBAA9B;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,MADL;IAEJC,UAAU,EAAE,QAFR;IAGJC,cAAc,EAAE;EAHZ,CADmB;EAMzBC,IAAI,EAAE;IACJC,UAAU,EAAE,MADR;IAEJC,KAAK,EAAE,MAFH;IAGJC,MAAM,EAAE,MAHJ;IAIJ,WAAW;MACTC,eAAe,EAAET,KAAK,CAACU,OAAN,CAAcC,KADtB;MAETC,MAAM,EAAE;IAFC,CAJP;IAQJ;MACEH,eAAe,EAAET,KAAK,CAACU,OAAN,CAAcC,KADjC;MAEEC,MAAM,EAAE;IAFV,GAGKd,aAHL;EARI,CANmB;EAoBzBe,QAAQ,EAAE;IACR,kBAAkB;MAChBC,IAAI,EAAEd,KAAK,CAACU,OAAN,CAAcK;IADJ,CADV;IAIR,WAAW;MACTN,eAAe,EAAE,aADR;MAETG,MAAM,EAAE;IAFC;EAJH,CApBe;EA6BzBI,IAAI,EAAE;IACJT,KAAK,EAAE,mBADH;IAEJU,SAAS,EAAE,QAFP;IAGJC,OAAO,EAAE,OAHL;IAIJ,WAAW;MACTT,eAAe,EAAET,KAAK,CAACU,OAAN,CAAcC,KADtB;MAETC,MAAM,EAAE;IAFC,CAJP;IAQJ;MACEH,eAAe,EAAET,KAAK,CAACU,OAAN,CAAcC,KADjC;MAEEC,MAAM,EAAE;IAFV,GAGKd,aAHL;EARI,CA7BmB;EA2CzBqB,gBAAgB,EAAE;IAChBZ,KAAK,EAAE,mBADS;IAEhBU,SAAS,EAAE;EAFK;AA3CO,CAAZ,CAAf;;AAiDA,eAAelB,MAAf"}

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

@@ -0,0 +1,32 @@
+/**
+ * View modes for the calendar component.
+ */
+export const VIEW_MODE = {
+  CALENDAR: "calendar",
+  MONTHLY: "monthly",
+  YEARLY: "yearly"
+};
+/**
+ * Option values that can be used with Intl to represent a part or multiple parts of a date.
+ */
+
+export const REPRESENTATION_VALUES = {
+  LONG: "long",
+  SHORT: "short",
+  NARROW: "narrow",
+  NUMERIC: "numeric",
+  TWO_DIGIT: "2-digit"
+};
+/**
+ * Navigation options for the calendar component.
+ */
+
+export const NAV_OPTIONS = {
+  PREVIOUS_MONTH: "previous_month",
+  PREVIOUS_YEAR: "previous_year",
+  NEXT_MONTH: "next_month",
+  NEXT_YEAR: "next_year",
+  MONTH: "month",
+  MONTH_YEAR: "month_year"
+};
+//# sourceMappingURL=enums.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","names":["VIEW_MODE","CALENDAR","MONTHLY","YEARLY","REPRESENTATION_VALUES","LONG","SHORT","NARROW","NUMERIC","TWO_DIGIT","NAV_OPTIONS","PREVIOUS_MONTH","PREVIOUS_YEAR","NEXT_MONTH","NEXT_YEAR","MONTH","MONTH_YEAR"],"sources":["../../../../src/DatePicker/Calendar/enums.js"],"sourcesContent":["/**\n * View modes for the calendar component.\n */\nexport const VIEW_MODE = {\n  CALENDAR: \"calendar\",\n  MONTHLY: \"monthly\",\n  YEARLY: \"yearly\",\n};\n\n/**\n * Option values that can be used with Intl to represent a part or multiple parts of a date.\n */\nexport const REPRESENTATION_VALUES = {\n  LONG: \"long\",\n  SHORT: \"short\",\n  NARROW: \"narrow\",\n  NUMERIC: \"numeric\",\n  TWO_DIGIT: \"2-digit\",\n};\n\n/**\n * Navigation options for the calendar component.\n */\nexport const NAV_OPTIONS = {\n  PREVIOUS_MONTH: \"previous_month\",\n  PREVIOUS_YEAR: \"previous_year\",\n  NEXT_MONTH: \"next_month\",\n  NEXT_YEAR: \"next_year\",\n  MONTH: \"month\",\n  MONTH_YEAR: \"month_year\",\n};\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAO,MAAMA,SAAS,GAAG;EACvBC,QAAQ,EAAE,UADa;EAEvBC,OAAO,EAAE,SAFc;EAGvBC,MAAM,EAAE;AAHe,CAAlB;AAMP;AACA;AACA;;AACA,OAAO,MAAMC,qBAAqB,GAAG;EACnCC,IAAI,EAAE,MAD6B;EAEnCC,KAAK,EAAE,OAF4B;EAGnCC,MAAM,EAAE,QAH2B;EAInCC,OAAO,EAAE,SAJ0B;EAKnCC,SAAS,EAAE;AALwB,CAA9B;AAQP;AACA;AACA;;AACA,OAAO,MAAMC,WAAW,GAAG;EACzBC,cAAc,EAAE,gBADS;EAEzBC,aAAa,EAAE,eAFU;EAGzBC,UAAU,EAAE,YAHa;EAIzBC,SAAS,EAAE,WAJc;EAKzBC,KAAK,EAAE,OALkB;EAMzBC,UAAU,EAAE;AANa,CAApB"}

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

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

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

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

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

@@ -0,0 +1,86 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { NAV_OPTIONS } from "./enums";
+import { getPreviousMonth, getNextMonth, createDatesArray } from "./utils";
+/**
+ * Calendar builder for a specific month and year.
+ * Returns an array of date objects.
+ */
+
+export default class CalendarModel {
+  constructor(_month, _year) {
+    _defineProperty(this, "updateModel", (month, year) => {
+      let validMonth = month;
+      let validYear = year;
+
+      if (!Number.isInteger(validMonth)) {
+        validMonth = new Date().getMonth() + 1;
+      }
+
+      if (!Number.isInteger(validYear)) {
+        validYear = new Date().getFullYear();
+      }
+
+      this.month = validMonth;
+      this.year = validYear;
+      this.dates = createDatesArray(validMonth, validYear);
+    });
+
+    _defineProperty(this, "navigateTo", (navOptions, month = 1, year = 2000) => {
+      let newMonthYear;
+
+      switch (navOptions) {
+        case NAV_OPTIONS.PREVIOUS_MONTH:
+          newMonthYear = getPreviousMonth(this.month, this.year);
+          break;
+
+        default:
+        case NAV_OPTIONS.NEXT_MONTH:
+          newMonthYear = getNextMonth(this.month, this.year);
+          break;
+
+        case NAV_OPTIONS.PREVIOUS_YEAR:
+          newMonthYear = {
+            month: this.month,
+            year: this.year - 1
+          };
+          break;
+
+        case NAV_OPTIONS.NEXT_YEAR:
+          newMonthYear = {
+            month: this.month,
+            year: this.year + 1
+          };
+          break;
+
+        case NAV_OPTIONS.MONTH:
+          newMonthYear = {
+            month,
+            year: this.year
+          };
+          break;
+
+        case NAV_OPTIONS.MONTH_YEAR:
+          newMonthYear = {
+            month,
+            year
+          };
+          break;
+      }
+
+      this.updateModel(newMonthYear.month, newMonthYear.year);
+      return this;
+    });
+
+    this.updateModel(_month, _year);
+  }
+  /**
+   * Updates the model with the received month and year
+   *
+   * @param {number} month - Number of the month.
+   * @param {number} year - Number of the year. *
+   * @memberOf CalendarModel
+   */
+
+
+}
+//# sourceMappingURL=model.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","names":["NAV_OPTIONS","getPreviousMonth","getNextMonth","createDatesArray","CalendarModel","constructor","month","year","validMonth","validYear","Number","isInteger","Date","getMonth","getFullYear","dates","navOptions","newMonthYear","PREVIOUS_MONTH","NEXT_MONTH","PREVIOUS_YEAR","NEXT_YEAR","MONTH","MONTH_YEAR","updateModel"],"sources":["../../../../src/DatePicker/Calendar/model.js"],"sourcesContent":["import { NAV_OPTIONS } from \"./enums\";\nimport { getPreviousMonth, getNextMonth, createDatesArray } from \"./utils\";\n\n/**\n * Calendar builder for a specific month and year.\n * Returns an array of date objects.\n */\nexport default class CalendarModel {\n  constructor(month, year) {\n    this.updateModel(month, year);\n  }\n\n  /**\n   * Updates the model with the received month and year\n   *\n   * @param {number} month - Number of the month.\n   * @param {number} year - Number of the year. *\n   * @memberOf CalendarModel\n   */\n  updateModel = (month, year) => {\n    let validMonth = month;\n    let validYear = year;\n    if (!Number.isInteger(validMonth)) {\n      validMonth = new Date().getMonth() + 1;\n    }\n    if (!Number.isInteger(validYear)) {\n      validYear = new Date().getFullYear();\n    }\n\n    this.month = validMonth;\n    this.year = validYear;\n    this.dates = createDatesArray(validMonth, validYear);\n  };\n\n  /**\n   * Navigates to the new date according to the received navigation option.\n   *\n   * @param {string} navOptions - The option to where the navigation should occur.\n   * @param {number} [month=1] - The month to where the navigation should occur in case the navOptions is set\n   * to `MONTH`.\n   * @param year {number}  The year to where the navigation should occur in case the navOptions is set\n   * to `YEAR`.\n   * @returns {CalendarModel}\n   */\n  navigateTo = (navOptions, month = 1, year = 2000) => {\n    let newMonthYear;\n\n    switch (navOptions) {\n      case NAV_OPTIONS.PREVIOUS_MONTH:\n        newMonthYear = getPreviousMonth(this.month, this.year);\n        break;\n      default:\n      case NAV_OPTIONS.NEXT_MONTH:\n        newMonthYear = getNextMonth(this.month, this.year);\n        break;\n      case NAV_OPTIONS.PREVIOUS_YEAR:\n        newMonthYear = { month: this.month, year: this.year - 1 };\n        break;\n      case NAV_OPTIONS.NEXT_YEAR:\n        newMonthYear = { month: this.month, year: this.year + 1 };\n        break;\n      case NAV_OPTIONS.MONTH:\n        newMonthYear = { month, year: this.year };\n        break;\n      case NAV_OPTIONS.MONTH_YEAR:\n        newMonthYear = { month, year };\n        break;\n    }\n\n    this.updateModel(newMonthYear.month, newMonthYear.year);\n\n    return this;\n  };\n}\n"],"mappings":";AAAA,SAASA,WAAT,QAA4B,SAA5B;AACA,SAASC,gBAAT,EAA2BC,YAA3B,EAAyCC,gBAAzC,QAAiE,SAAjE;AAEA;AACA;AACA;AACA;;AACA,eAAe,MAAMC,aAAN,CAAoB;EACjCC,WAAW,CAACC,MAAD,EAAQC,KAAR,EAAc;IAAA,qCAWX,CAACD,KAAD,EAAQC,IAAR,KAAiB;MAC7B,IAAIC,UAAU,GAAGF,KAAjB;MACA,IAAIG,SAAS,GAAGF,IAAhB;;MACA,IAAI,CAACG,MAAM,CAACC,SAAP,CAAiBH,UAAjB,CAAL,EAAmC;QACjCA,UAAU,GAAG,IAAII,IAAJ,GAAWC,QAAX,KAAwB,CAArC;MACD;;MACD,IAAI,CAACH,MAAM,CAACC,SAAP,CAAiBF,SAAjB,CAAL,EAAkC;QAChCA,SAAS,GAAG,IAAIG,IAAJ,GAAWE,WAAX,EAAZ;MACD;;MAED,KAAKR,KAAL,GAAaE,UAAb;MACA,KAAKD,IAAL,GAAYE,SAAZ;MACA,KAAKM,KAAL,GAAaZ,gBAAgB,CAACK,UAAD,EAAaC,SAAb,CAA7B;IACD,CAxBwB;;IAAA,oCAoCZ,CAACO,UAAD,EAAaV,KAAK,GAAG,CAArB,EAAwBC,IAAI,GAAG,IAA/B,KAAwC;MACnD,IAAIU,YAAJ;;MAEA,QAAQD,UAAR;QACE,KAAKhB,WAAW,CAACkB,cAAjB;UACED,YAAY,GAAGhB,gBAAgB,CAAC,KAAKK,KAAN,EAAa,KAAKC,IAAlB,CAA/B;UACA;;QACF;QACA,KAAKP,WAAW,CAACmB,UAAjB;UACEF,YAAY,GAAGf,YAAY,CAAC,KAAKI,KAAN,EAAa,KAAKC,IAAlB,CAA3B;UACA;;QACF,KAAKP,WAAW,CAACoB,aAAjB;UACEH,YAAY,GAAG;YAAEX,KAAK,EAAE,KAAKA,KAAd;YAAqBC,IAAI,EAAE,KAAKA,IAAL,GAAY;UAAvC,CAAf;UACA;;QACF,KAAKP,WAAW,CAACqB,SAAjB;UACEJ,YAAY,GAAG;YAAEX,KAAK,EAAE,KAAKA,KAAd;YAAqBC,IAAI,EAAE,KAAKA,IAAL,GAAY;UAAvC,CAAf;UACA;;QACF,KAAKP,WAAW,CAACsB,KAAjB;UACEL,YAAY,GAAG;YAAEX,KAAF;YAASC,IAAI,EAAE,KAAKA;UAApB,CAAf;UACA;;QACF,KAAKP,WAAW,CAACuB,UAAjB;UACEN,YAAY,GAAG;YAAEX,KAAF;YAASC;UAAT,CAAf;UACA;MAnBJ;;MAsBA,KAAKiB,WAAL,CAAiBP,YAAY,CAACX,KAA9B,EAAqCW,YAAY,CAACV,IAAlD;MAEA,OAAO,IAAP;IACD,CAhEwB;;IACvB,KAAKiB,WAAL,CAAiBlB,MAAjB,EAAwBC,KAAxB;EACD;EAED;AACF;AACA;AACA;AACA;AACA;AACA;;;AAXmC"}