@hitachivantara/uikit-react-core 4.0.3 → 4.1.0

package/dist/Calendar/CalendarHeader/CalendarHeader.js

@@ -1,157 +1,99 @@
 "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");
-
 require("core-js/modules/es.array.iterator.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");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 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 _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-
 var _dayjs = _interopRequireDefault(require("dayjs"));
-
 var _localeData = _interopRequireDefault(require("dayjs/plugin/localeData"));
-
 var _localizedFormat = _interopRequireDefault(require("dayjs/plugin/localizedFormat"));
-
 var _customParseFormat = _interopRequireDefault(require("dayjs/plugin/customParseFormat"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
-
 var _styles = require("@mui/styles");
-
 var _utils = require("../../utils");
-
 var _Typography = _interopRequireDefault(require("../../Typography"));
-
 var _styles2 = _interopRequireDefault(require("./styles"));
-
 var _FormElement = require("../../Forms/FormElement");
-
 var _utils2 = require("../utils");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _Info;
-
 var _excluded = ["id", "value", "locale", "classes", "onChange", "showEndDate", "onFocus"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = 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) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 _dayjs.default.extend(_localeData.default);
-
 _dayjs.default.extend(_localizedFormat.default);
-
 _dayjs.default.extend(_customParseFormat.default);
-
 var Enter = _utils.KeyboardCodes.Enter;
-
 var HvCalendarHeader = function HvCalendarHeader(_ref) {
   var _ref2, _label$;
-
   var id = _ref.id,
-      value = _ref.value,
-      locale = _ref.locale,
-      classes = _ref.classes,
-      onChange = _ref.onChange,
-      showEndDate = _ref.showEndDate,
-      onFocus = _ref.onFocus,
-      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
+    value = _ref.value,
+    locale = _ref.locale,
+    classes = _ref.classes,
+    onChange = _ref.onChange,
+    showEndDate = _ref.showEndDate,
+    onFocus = _ref.onFocus,
+    others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useContext = (0, _react.useContext)(_FormElement.HvFormElementContext),
-      elementId = _useContext.elementId;
-
+    elementId = _useContext.elementId;
   var elementValue = (0, _react.useContext)(_FormElement.HvFormElementValueContext);
-
   var _useContext2 = (0, _react.useContext)(_FormElement.HvFormElementDescriptorsContext),
-      label = _useContext2.label;
-
+    label = _useContext2.label;
   var localValue = (_ref2 = value !== null && value !== void 0 ? value : elementValue) !== null && _ref2 !== void 0 ? _ref2 : "";
-
   if ((0, _utils2.isRange)(localValue)) {
     localValue = showEndDate ? localValue.endDate : localValue.startDate;
   }
-
   var _useState = (0, _react.useState)(localValue),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      dateValue = _useState2[0],
-      setDateValue = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    dateValue = _useState2[0],
+    setDateValue = _useState2[1];
   var _useState3 = (0, _react.useState)(null),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      editedValue = _useState4[0],
-      setEditedValue = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    editedValue = _useState4[0],
+    setEditedValue = _useState4[1];
   var _useState5 = (0, _react.useState)(""),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      displayValue = _useState6[0],
-      setDisplayValue = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    displayValue = _useState6[0],
+    setDisplayValue = _useState6[1];
   var _useState7 = (0, _react.useState)(""),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      weekdayDisplay = _useState8[0],
-      setWeekdayDisplay = _useState8[1];
-
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    weekdayDisplay = _useState8[0],
+    setWeekdayDisplay = _useState8[1];
   var localId = id !== null && id !== void 0 ? id : (0, _utils.setId)(elementId, "calendarHeader");
   var inputValue = editedValue !== null && editedValue !== void 0 ? editedValue : displayValue;
   var localeFormat = (0, _dayjs.default)().locale(locale).localeData().longDateFormat("L");
-
   var _useState9 = (0, _react.useState)(inputValue.length === 0 || !!inputValue && (0, _dayjs.default)(localValue).isValid()),
-      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      isValidValue = _useState10[0],
-      setIsValidValue = _useState10[1];
-
+    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+    isValidValue = _useState10[0],
+    setIsValidValue = _useState10[1];
   var validateInput = function validateInput(incomingValid) {
     return incomingValid === undefined || (0, _dayjs.default)(incomingValid).isValid();
   };
-
   (0, _react.useEffect)(function () {
     var valid = validateInput(localValue);
     setIsValidValue(valid);
-
     if (valid) {
       if (!localValue) {
         setDisplayValue("");
@@ -159,7 +101,6 @@ var HvCalendarHeader = function HvCalendarHeader(_ref) {
         setWeekdayDisplay("");
         return;
       }
-
       var weekday = new Intl.DateTimeFormat(locale, {
         weekday: "short"
       }).format(localValue);
@@ -168,54 +109,44 @@ var HvCalendarHeader = function HvCalendarHeader(_ref) {
       setWeekdayDisplay(weekday);
     }
   }, [localValue, locale]);
-
   var handleNewDate = function handleNewDate(event, date) {
     // attempt to format in locale data, or fallback to default
     var localeParsedDate = (0, _dayjs.default)(date, localeFormat);
     var isValidInput = localeParsedDate.isValid();
-    var dateParsed = isValidInput ? localeParsedDate.toDate() : (0, _dayjs.default)(date).toDate(); // prevent extra updates
-
+    var dateParsed = isValidInput ? localeParsedDate.toDate() : (0, _dayjs.default)(date).toDate();
+    // prevent extra updates
     if (!(0, _utils2.isSameDay)(dateParsed, dateValue)) {
       setDateValue(dateParsed);
       onChange === null || onChange === void 0 ? void 0 : onChange(event, dateParsed);
     }
-
     setIsValidValue(isValidInput);
-
     if (isValidInput) {
       setEditedValue(null);
     }
   };
-
   var onBlurHandler = function onBlurHandler(event) {
     if ((0, _isNil.default)(editedValue)) return;
-
     if (editedValue === "") {
       setIsValidValue(true);
       setEditedValue(null);
       return;
     }
-
     handleNewDate(event, editedValue);
   };
-
   var keyDownHandler = function keyDownHandler(event) {
     if (!(0, _utils.isKeypress)(event, Enter) || (0, _isNil.default)(editedValue) || editedValue === "") return;
     event.preventDefault();
     handleNewDate(event, editedValue);
   };
-
   var onFocusHandler = function onFocusHandler(event) {
     if (!localValue) return;
     var formattedDate = isValidValue ? (0, _dayjs.default)(localValue).locale(locale).format("L") : editedValue;
     setEditedValue(formattedDate);
     onFocus === null || onFocus === void 0 ? void 0 : onFocus(event, formattedDate);
   };
-
   var onChangeHandler = function onChangeHandler(event) {
     setEditedValue(event.target.value);
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       id: localId,
@@ -257,21 +188,19 @@ var HvCalendarHeader = function HvCalendarHeader(_ref) {
       })
     })]
   });
-}; // TODO: refactor this out
-
+};
 
+// TODO: refactor this out
 HvCalendarHeader.formElementType = "HvCalendarHeader";
 process.env.NODE_ENV !== "production" ? HvCalendarHeader.propTypes = {
   /**
    * A Jss Object used to override or extend the component styles.
    */
   classes: _propTypes.default.instanceOf(Object).isRequired,
-
   /**
    * Identifier.
    */
   id: _propTypes.default.string,
-
   /**
    * The text to be shown on the main part of the header.
    */
@@ -279,31 +208,25 @@ process.env.NODE_ENV !== "production" ? HvCalendarHeader.propTypes = {
     startDate: _propTypes.default.instanceOf(Date),
     endDate: _propTypes.default.instanceOf(Date)
   })]),
-
   /**
    * Locale to be used by the calendar.
    */
   locale: _propTypes.default.string.isRequired,
-
   /**
    * Callback to define the input date.
    */
   onChange: _propTypes.default.func,
-
   /**
    * Callback to handle input onFocus.
    */
   onFocus: _propTypes.default.func,
-
   /**
    * Indicates if header should display end date in a date range.
    */
   showEndDate: _propTypes.default.bool
 } : void 0;
-
 var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvCalendarHeader"
 })(HvCalendarHeader);
-
 exports.default = _default;
 //# sourceMappingURL=CalendarHeader.js.map

package/dist/Calendar/CalendarHeader/CalendarHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarHeader.js","names":["dayjs","extend","localeData","localizedFormat","customParseFormat","Enter","KeyboardCodes","HvCalendarHeader","id","value","locale","classes","onChange","showEndDate","onFocus","others","useContext","HvFormElementContext","elementId","elementValue","HvFormElementValueContext","HvFormElementDescriptorsContext","label","localValue","isRange","endDate","startDate","useState","dateValue","setDateValue","editedValue","setEditedValue","displayValue","setDisplayValue","weekdayDisplay","setWeekdayDisplay","localId","setId","inputValue","localeFormat","longDateFormat","length","isValid","isValidValue","setIsValidValue","validateInput","incomingValid","undefined","useEffect","valid","weekday","Intl","DateTimeFormat","format","formatDMY","handleNewDate","event","date","localeParsedDate","isValidInput","dateParsed","toDate","isSameDay","onBlurHandler","isNil","keyDownHandler","isKeypress","preventDefault","onFocusHandler","formattedDate","onChangeHandler","target","clsx","root","invalid","headerDayOfWeek","headerDate","input","inputBorderContainer","height","invalidMessageStyling","formElementType","propTypes","PropTypes","instanceOf","Object","isRequired","string","oneOfType","Date","shape","func","bool","withStyles","styles","name"],"sources":["../../../src/Calendar/CalendarHeader/CalendarHeader.js"],"sourcesContent":["import React, { useState, useEffect, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Info } from \"@hitachivantara/uikit-react-icons\";\nimport dayjs from \"dayjs\";\nimport localeData from \"dayjs/plugin/localeData\";\nimport localizedFormat from \"dayjs/plugin/localizedFormat\";\nimport customParseFormat from \"dayjs/plugin/customParseFormat\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { withStyles } from \"@mui/styles\";\nimport { setId, isKeypress, KeyboardCodes } from \"../../utils\";\nimport HvTypography from \"../../Typography\";\nimport styles from \"./styles\";\nimport {\n  HvFormElementContext,\n  HvFormElementValueContext,\n  HvFormElementDescriptorsContext,\n} from \"../../Forms/FormElement\";\nimport { isRange, isSameDay, formatDMY } from \"../utils\";\n\ndayjs.extend(localeData);\ndayjs.extend(localizedFormat);\ndayjs.extend(customParseFormat);\n\nconst { Enter } = KeyboardCodes;\n\nconst HvCalendarHeader = ({\n  id,\n  value,\n  locale,\n  classes,\n  onChange,\n  showEndDate,\n  onFocus,\n  ...others\n}) => {\n  const { elementId } = useContext(HvFormElementContext);\n  const elementValue = useContext(HvFormElementValueContext);\n  const { label } = useContext(HvFormElementDescriptorsContext);\n\n  let localValue = value ?? elementValue ?? \"\";\n  if (isRange(localValue)) {\n    localValue = showEndDate ? localValue.endDate : localValue.startDate;\n  }\n  const [dateValue, setDateValue] = useState(localValue);\n  const [editedValue, setEditedValue] = useState(null);\n  const [displayValue, setDisplayValue] = useState(\"\");\n  const [weekdayDisplay, setWeekdayDisplay] = useState(\"\");\n\n  const localId = id ?? setId(elementId, \"calendarHeader\");\n\n  const inputValue = editedValue ?? displayValue;\n  const localeFormat = dayjs().locale(locale).localeData().longDateFormat(\"L\");\n\n  const [isValidValue, setIsValidValue] = useState(\n    inputValue.length === 0 || (!!inputValue && dayjs(localValue).isValid())\n  );\n\n  const validateInput = (incomingValid) =>\n    incomingValid === undefined || dayjs(incomingValid).isValid();\n  useEffect(() => {\n    const valid = validateInput(localValue);\n    setIsValidValue(valid);\n    if (valid) {\n      if (!localValue) {\n        setDisplayValue(\"\");\n        setEditedValue(null);\n        setWeekdayDisplay(\"\");\n        return;\n      }\n      const weekday = new Intl.DateTimeFormat(locale, { weekday: \"short\" }).format(localValue);\n      setDisplayValue(formatDMY(localValue, locale));\n      setEditedValue(null);\n      setWeekdayDisplay(weekday);\n    }\n  }, [localValue, locale]);\n\n  const handleNewDate = (event, date) => {\n    // attempt to format in locale data, or fallback to default\n    const localeParsedDate = dayjs(date, localeFormat);\n\n    const isValidInput = localeParsedDate.isValid();\n    const dateParsed = isValidInput ? localeParsedDate.toDate() : dayjs(date).toDate();\n    // prevent extra updates\n    if (!isSameDay(dateParsed, dateValue)) {\n      setDateValue(dateParsed);\n      onChange?.(event, dateParsed);\n    }\n\n    setIsValidValue(isValidInput);\n    if (isValidInput) {\n      setEditedValue(null);\n    }\n  };\n\n  const onBlurHandler = (event) => {\n    if (isNil(editedValue)) return;\n    if (editedValue === \"\") {\n      setIsValidValue(true);\n      setEditedValue(null);\n      return;\n    }\n    handleNewDate(event, editedValue);\n  };\n\n  const keyDownHandler = (event) => {\n    if (!isKeypress(event, Enter) || isNil(editedValue) || editedValue === \"\") return;\n    event.preventDefault();\n\n    handleNewDate(event, editedValue);\n  };\n\n  const onFocusHandler = (event) => {\n    if (!localValue) return;\n    const formattedDate = isValidValue ? dayjs(localValue).locale(locale).format(\"L\") : editedValue;\n    setEditedValue(formattedDate);\n    onFocus?.(event, formattedDate);\n  };\n\n  const onChangeHandler = (event) => {\n    setEditedValue(event.target.value);\n  };\n  return (\n    <>\n      <div\n        id={localId}\n        className={clsx(classes.root, {\n          [classes.invalid]: !isValidValue && inputValue !== \"\",\n        })}\n      >\n        <HvTypography variant=\"normalText\" className={classes.headerDayOfWeek}>\n          {weekdayDisplay || \"\\u00A0\"}\n        </HvTypography>\n        <div className={classes.headerDate}>\n          <input\n            type=\"text\"\n            id={setId(localId, \"header-input\")}\n            placeholder={localeFormat}\n            value={inputValue}\n            className={classes.input}\n            onBlur={onBlurHandler}\n            onFocus={onFocusHandler}\n            onChange={onChangeHandler}\n            onKeyDown={keyDownHandler}\n            aria-labelledby={label?.[0]?.id}\n            {...others}\n          />\n        </div>\n      </div>\n      {!isValidValue && inputValue !== \"\" && (\n        <div role=\"presentation\" className={classes.inputBorderContainer} />\n      )}\n      <div style={{ height: 32 }}>\n        {!isValidValue && inputValue !== \"\" && (\n          <HvTypography\n            component=\"span\"\n            variant=\"normalText\"\n            className={classes.invalidMessageStyling}\n          >\n            <Info color=\"acce3\" iconSize=\"S\" />\n            Invalid date\n          </HvTypography>\n        )}\n      </div>\n    </>\n  );\n};\n\n// TODO: refactor this out\nHvCalendarHeader.formElementType = \"HvCalendarHeader\";\n\nHvCalendarHeader.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  value: PropTypes.oneOfType([\n    PropTypes.instanceOf(Date),\n    PropTypes.string,\n    PropTypes.shape({ startDate: PropTypes.instanceOf(Date), endDate: PropTypes.instanceOf(Date) }),\n  ]),\n\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  onChange: PropTypes.func,\n  /**\n   * Callback to handle input onFocus.\n   */\n  onFocus: PropTypes.func,\n  /**\n   * Indicates if header should display end date in a date range.\n   */\n  showEndDate: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvCalendarHeader\" })(HvCalendarHeader);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;;;;;;;;;;;;;;;;AAEAA,cAAA,CAAMC,MAAN,CAAaC,mBAAb;;AACAF,cAAA,CAAMC,MAAN,CAAaE,wBAAb;;AACAH,cAAA,CAAMC,MAAN,CAAaG,0BAAb;;AAEA,IAAQC,KAAR,GAAkBC,oBAAlB,CAAQD,KAAR;;AAEA,IAAME,gBAAgB,GAAG,SAAnBA,gBAAmB,OASnB;EAAA;;EAAA,IARJC,EAQI,QARJA,EAQI;EAAA,IAPJC,KAOI,QAPJA,KAOI;EAAA,IANJC,MAMI,QANJA,MAMI;EAAA,IALJC,OAKI,QALJA,OAKI;EAAA,IAJJC,QAII,QAJJA,QAII;EAAA,IAHJC,WAGI,QAHJA,WAGI;EAAA,IAFJC,OAEI,QAFJA,OAEI;EAAA,IADDC,MACC;;EACJ,kBAAsB,IAAAC,iBAAA,EAAWC,iCAAX,CAAtB;EAAA,IAAQC,SAAR,eAAQA,SAAR;;EACA,IAAMC,YAAY,GAAG,IAAAH,iBAAA,EAAWI,sCAAX,CAArB;;EACA,mBAAkB,IAAAJ,iBAAA,EAAWK,4CAAX,CAAlB;EAAA,IAAQC,KAAR,gBAAQA,KAAR;;EAEA,IAAIC,UAAU,YAAGd,KAAH,aAAGA,KAAH,cAAGA,KAAH,GAAYU,YAAZ,yCAA4B,EAA1C;;EACA,IAAI,IAAAK,eAAA,EAAQD,UAAR,CAAJ,EAAyB;IACvBA,UAAU,GAAGV,WAAW,GAAGU,UAAU,CAACE,OAAd,GAAwBF,UAAU,CAACG,SAA3D;EACD;;EACD,gBAAkC,IAAAC,eAAA,EAASJ,UAAT,CAAlC;EAAA;EAAA,IAAOK,SAAP;EAAA,IAAkBC,YAAlB;;EACA,iBAAsC,IAAAF,eAAA,EAAS,IAAT,CAAtC;EAAA;EAAA,IAAOG,WAAP;EAAA,IAAoBC,cAApB;;EACA,iBAAwC,IAAAJ,eAAA,EAAS,EAAT,CAAxC;EAAA;EAAA,IAAOK,YAAP;EAAA,IAAqBC,eAArB;;EACA,iBAA4C,IAAAN,eAAA,EAAS,EAAT,CAA5C;EAAA;EAAA,IAAOO,cAAP;EAAA,IAAuBC,iBAAvB;;EAEA,IAAMC,OAAO,GAAG5B,EAAH,aAAGA,EAAH,cAAGA,EAAH,GAAS,IAAA6B,YAAA,EAAMnB,SAAN,EAAiB,gBAAjB,CAAtB;EAEA,IAAMoB,UAAU,GAAGR,WAAH,aAAGA,WAAH,cAAGA,WAAH,GAAkBE,YAAlC;EACA,IAAMO,YAAY,GAAG,IAAAvC,cAAA,IAAQU,MAAR,CAAeA,MAAf,EAAuBR,UAAvB,GAAoCsC,cAApC,CAAmD,GAAnD,CAArB;;EAEA,iBAAwC,IAAAb,eAAA,EACtCW,UAAU,CAACG,MAAX,KAAsB,CAAtB,IAA4B,CAAC,CAACH,UAAF,IAAgB,IAAAtC,cAAA,EAAMuB,UAAN,EAAkBmB,OAAlB,EADN,CAAxC;EAAA;EAAA,IAAOC,YAAP;EAAA,IAAqBC,eAArB;;EAIA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,aAAD;IAAA,OACpBA,aAAa,KAAKC,SAAlB,IAA+B,IAAA/C,cAAA,EAAM8C,aAAN,EAAqBJ,OAArB,EADX;EAAA,CAAtB;;EAEA,IAAAM,gBAAA,EAAU,YAAM;IACd,IAAMC,KAAK,GAAGJ,aAAa,CAACtB,UAAD,CAA3B;IACAqB,eAAe,CAACK,KAAD,CAAf;;IACA,IAAIA,KAAJ,EAAW;MACT,IAAI,CAAC1B,UAAL,EAAiB;QACfU,eAAe,CAAC,EAAD,CAAf;QACAF,cAAc,CAAC,IAAD,CAAd;QACAI,iBAAiB,CAAC,EAAD,CAAjB;QACA;MACD;;MACD,IAAMe,OAAO,GAAG,IAAIC,IAAI,CAACC,cAAT,CAAwB1C,MAAxB,EAAgC;QAAEwC,OAAO,EAAE;MAAX,CAAhC,EAAsDG,MAAtD,CAA6D9B,UAA7D,CAAhB;MACAU,eAAe,CAAC,IAAAqB,iBAAA,EAAU/B,UAAV,EAAsBb,MAAtB,CAAD,CAAf;MACAqB,cAAc,CAAC,IAAD,CAAd;MACAI,iBAAiB,CAACe,OAAD,CAAjB;IACD;EACF,CAfD,EAeG,CAAC3B,UAAD,EAAab,MAAb,CAfH;;EAiBA,IAAM6C,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAQC,IAAR,EAAiB;IACrC;IACA,IAAMC,gBAAgB,GAAG,IAAA1D,cAAA,EAAMyD,IAAN,EAAYlB,YAAZ,CAAzB;IAEA,IAAMoB,YAAY,GAAGD,gBAAgB,CAAChB,OAAjB,EAArB;IACA,IAAMkB,UAAU,GAAGD,YAAY,GAAGD,gBAAgB,CAACG,MAAjB,EAAH,GAA+B,IAAA7D,cAAA,EAAMyD,IAAN,EAAYI,MAAZ,EAA9D,CALqC,CAMrC;;IACA,IAAI,CAAC,IAAAC,iBAAA,EAAUF,UAAV,EAAsBhC,SAAtB,CAAL,EAAuC;MACrCC,YAAY,CAAC+B,UAAD,CAAZ;MACAhD,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAG4C,KAAH,EAAUI,UAAV,CAAR;IACD;;IAEDhB,eAAe,CAACe,YAAD,CAAf;;IACA,IAAIA,YAAJ,EAAkB;MAChB5B,cAAc,CAAC,IAAD,CAAd;IACD;EACF,CAhBD;;EAkBA,IAAMgC,aAAa,GAAG,SAAhBA,aAAgB,CAACP,KAAD,EAAW;IAC/B,IAAI,IAAAQ,cAAA,EAAMlC,WAAN,CAAJ,EAAwB;;IACxB,IAAIA,WAAW,KAAK,EAApB,EAAwB;MACtBc,eAAe,CAAC,IAAD,CAAf;MACAb,cAAc,CAAC,IAAD,CAAd;MACA;IACD;;IACDwB,aAAa,CAACC,KAAD,EAAQ1B,WAAR,CAAb;EACD,CARD;;EAUA,IAAMmC,cAAc,GAAG,SAAjBA,cAAiB,CAACT,KAAD,EAAW;IAChC,IAAI,CAAC,IAAAU,iBAAA,EAAWV,KAAX,EAAkBnD,KAAlB,CAAD,IAA6B,IAAA2D,cAAA,EAAMlC,WAAN,CAA7B,IAAmDA,WAAW,KAAK,EAAvE,EAA2E;IAC3E0B,KAAK,CAACW,cAAN;IAEAZ,aAAa,CAACC,KAAD,EAAQ1B,WAAR,CAAb;EACD,CALD;;EAOA,IAAMsC,cAAc,GAAG,SAAjBA,cAAiB,CAACZ,KAAD,EAAW;IAChC,IAAI,CAACjC,UAAL,EAAiB;IACjB,IAAM8C,aAAa,GAAG1B,YAAY,GAAG,IAAA3C,cAAA,EAAMuB,UAAN,EAAkBb,MAAlB,CAAyBA,MAAzB,EAAiC2C,MAAjC,CAAwC,GAAxC,CAAH,GAAkDvB,WAApF;IACAC,cAAc,CAACsC,aAAD,CAAd;IACAvD,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAG0C,KAAH,EAAUa,aAAV,CAAP;EACD,CALD;;EAOA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACd,KAAD,EAAW;IACjCzB,cAAc,CAACyB,KAAK,CAACe,MAAN,CAAa9D,KAAd,CAAd;EACD,CAFD;;EAGA,oBACE;IAAA,wBACE;MACE,EAAE,EAAE2B,OADN;MAEE,SAAS,EAAE,IAAAoC,aAAA,EAAK7D,OAAO,CAAC8D,IAAb,EACU,CAAC9B,YADX,IAC2BL,UAAU,KAAK,EAD1C,IACR3B,OAAO,CAAC+D,OADA,CAFb;MAAA,wBAME,qBAAC,mBAAD;QAAc,OAAO,EAAC,YAAtB;QAAmC,SAAS,EAAE/D,OAAO,CAACgE,eAAtD;QAAA,UACGzC,cAAc,IAAI;MADrB,EANF,eASE;QAAK,SAAS,EAAEvB,OAAO,CAACiE,UAAxB;QAAA,uBACE;UACE,IAAI,EAAC,MADP;UAEE,EAAE,EAAE,IAAAvC,YAAA,EAAMD,OAAN,EAAe,cAAf,CAFN;UAGE,WAAW,EAAEG,YAHf;UAIE,KAAK,EAAED,UAJT;UAKE,SAAS,EAAE3B,OAAO,CAACkE,KALrB;UAME,MAAM,EAAEd,aANV;UAOE,OAAO,EAAEK,cAPX;UAQE,QAAQ,EAAEE,eARZ;UASE,SAAS,EAAEL,cATb;UAUE,mBAAiB3C,KAAjB,aAAiBA,KAAjB,kCAAiBA,KAAK,CAAG,CAAH,CAAtB,4CAAiB,QAAYd;QAV/B,GAWMO,MAXN;MADF,EATF;IAAA,EADF,EA0BG,CAAC4B,YAAD,IAAiBL,UAAU,KAAK,EAAhC,iBACC;MAAK,IAAI,EAAC,cAAV;MAAyB,SAAS,EAAE3B,OAAO,CAACmE;IAA5C,EA3BJ,eA6BE;MAAK,KAAK,EAAE;QAAEC,MAAM,EAAE;MAAV,CAAZ;MAAA,UACG,CAACpC,YAAD,IAAiBL,UAAU,KAAK,EAAhC,iBACC,sBAAC,mBAAD;QACE,SAAS,EAAC,MADZ;QAEE,OAAO,EAAC,YAFV;QAGE,SAAS,EAAE3B,OAAO,CAACqE,qBAHrB;QAAA,0CAKE,qBAAC,qBAAD;UAAM,KAAK,EAAC,OAAZ;UAAoB,QAAQ,EAAC;QAA7B,EALF;MAAA;IAFJ,EA7BF;EAAA,EADF;AA4CD,CA5ID,C,CA8IA;;;AACAzE,gBAAgB,CAAC0E,eAAjB,GAAmC,kBAAnC;AAEA,wCAAA1E,gBAAgB,CAAC2E,SAAjB,GAA6B;EAC3B;AACF;AACA;EACEvE,OAAO,EAAEwE,kBAAA,CAAUC,UAAV,CAAqBC,MAArB,EAA6BC,UAJX;;EAK3B;AACF;AACA;EACE9E,EAAE,EAAE2E,kBAAA,CAAUI,MARa;;EAS3B;AACF;AACA;EACE9E,KAAK,EAAE0E,kBAAA,CAAUK,SAAV,CAAoB,CACzBL,kBAAA,CAAUC,UAAV,CAAqBK,IAArB,CADyB,EAEzBN,kBAAA,CAAUI,MAFe,EAGzBJ,kBAAA,CAAUO,KAAV,CAAgB;IAAEhE,SAAS,EAAEyD,kBAAA,CAAUC,UAAV,CAAqBK,IAArB,CAAb;IAAyChE,OAAO,EAAE0D,kBAAA,CAAUC,UAAV,CAAqBK,IAArB;EAAlD,CAAhB,CAHyB,CAApB,CAZoB;;EAkB3B;AACF;AACA;EACE/E,MAAM,EAAEyE,kBAAA,CAAUI,MAAV,CAAiBD,UArBE;;EAsB3B;AACF;AACA;EACE1E,QAAQ,EAAEuE,kBAAA,CAAUQ,IAzBO;;EA0B3B;AACF;AACA;EACE7E,OAAO,EAAEqE,kBAAA,CAAUQ,IA7BQ;;EA8B3B;AACF;AACA;EACE9E,WAAW,EAAEsE,kBAAA,CAAUS;AAjCI,CAA7B;;eAoCe,IAAAC,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAiDxF,gBAAjD,C"}
+{"version":3,"file":"CalendarHeader.js","names":["dayjs","extend","localeData","localizedFormat","customParseFormat","Enter","KeyboardCodes","HvCalendarHeader","id","value","locale","classes","onChange","showEndDate","onFocus","others","useContext","HvFormElementContext","elementId","elementValue","HvFormElementValueContext","HvFormElementDescriptorsContext","label","localValue","isRange","endDate","startDate","useState","dateValue","setDateValue","editedValue","setEditedValue","displayValue","setDisplayValue","weekdayDisplay","setWeekdayDisplay","localId","setId","inputValue","localeFormat","longDateFormat","length","isValid","isValidValue","setIsValidValue","validateInput","incomingValid","undefined","useEffect","valid","weekday","Intl","DateTimeFormat","format","formatDMY","handleNewDate","event","date","localeParsedDate","isValidInput","dateParsed","toDate","isSameDay","onBlurHandler","isNil","keyDownHandler","isKeypress","preventDefault","onFocusHandler","formattedDate","onChangeHandler","target","clsx","root","invalid","headerDayOfWeek","headerDate","input","inputBorderContainer","height","invalidMessageStyling","formElementType","propTypes","PropTypes","instanceOf","Object","isRequired","string","oneOfType","Date","shape","func","bool","withStyles","styles","name"],"sources":["../../../src/Calendar/CalendarHeader/CalendarHeader.js"],"sourcesContent":["import React, { useState, useEffect, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Info } from \"@hitachivantara/uikit-react-icons\";\nimport dayjs from \"dayjs\";\nimport localeData from \"dayjs/plugin/localeData\";\nimport localizedFormat from \"dayjs/plugin/localizedFormat\";\nimport customParseFormat from \"dayjs/plugin/customParseFormat\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { withStyles } from \"@mui/styles\";\nimport { setId, isKeypress, KeyboardCodes } from \"../../utils\";\nimport HvTypography from \"../../Typography\";\nimport styles from \"./styles\";\nimport {\n  HvFormElementContext,\n  HvFormElementValueContext,\n  HvFormElementDescriptorsContext,\n} from \"../../Forms/FormElement\";\nimport { isRange, isSameDay, formatDMY } from \"../utils\";\n\ndayjs.extend(localeData);\ndayjs.extend(localizedFormat);\ndayjs.extend(customParseFormat);\n\nconst { Enter } = KeyboardCodes;\n\nconst HvCalendarHeader = ({\n  id,\n  value,\n  locale,\n  classes,\n  onChange,\n  showEndDate,\n  onFocus,\n  ...others\n}) => {\n  const { elementId } = useContext(HvFormElementContext);\n  const elementValue = useContext(HvFormElementValueContext);\n  const { label } = useContext(HvFormElementDescriptorsContext);\n\n  let localValue = value ?? elementValue ?? \"\";\n  if (isRange(localValue)) {\n    localValue = showEndDate ? localValue.endDate : localValue.startDate;\n  }\n  const [dateValue, setDateValue] = useState(localValue);\n  const [editedValue, setEditedValue] = useState(null);\n  const [displayValue, setDisplayValue] = useState(\"\");\n  const [weekdayDisplay, setWeekdayDisplay] = useState(\"\");\n\n  const localId = id ?? setId(elementId, \"calendarHeader\");\n\n  const inputValue = editedValue ?? displayValue;\n  const localeFormat = dayjs().locale(locale).localeData().longDateFormat(\"L\");\n\n  const [isValidValue, setIsValidValue] = useState(\n    inputValue.length === 0 || (!!inputValue && dayjs(localValue).isValid())\n  );\n\n  const validateInput = (incomingValid) =>\n    incomingValid === undefined || dayjs(incomingValid).isValid();\n  useEffect(() => {\n    const valid = validateInput(localValue);\n    setIsValidValue(valid);\n    if (valid) {\n      if (!localValue) {\n        setDisplayValue(\"\");\n        setEditedValue(null);\n        setWeekdayDisplay(\"\");\n        return;\n      }\n      const weekday = new Intl.DateTimeFormat(locale, { weekday: \"short\" }).format(localValue);\n      setDisplayValue(formatDMY(localValue, locale));\n      setEditedValue(null);\n      setWeekdayDisplay(weekday);\n    }\n  }, [localValue, locale]);\n\n  const handleNewDate = (event, date) => {\n    // attempt to format in locale data, or fallback to default\n    const localeParsedDate = dayjs(date, localeFormat);\n\n    const isValidInput = localeParsedDate.isValid();\n    const dateParsed = isValidInput ? localeParsedDate.toDate() : dayjs(date).toDate();\n    // prevent extra updates\n    if (!isSameDay(dateParsed, dateValue)) {\n      setDateValue(dateParsed);\n      onChange?.(event, dateParsed);\n    }\n\n    setIsValidValue(isValidInput);\n    if (isValidInput) {\n      setEditedValue(null);\n    }\n  };\n\n  const onBlurHandler = (event) => {\n    if (isNil(editedValue)) return;\n    if (editedValue === \"\") {\n      setIsValidValue(true);\n      setEditedValue(null);\n      return;\n    }\n    handleNewDate(event, editedValue);\n  };\n\n  const keyDownHandler = (event) => {\n    if (!isKeypress(event, Enter) || isNil(editedValue) || editedValue === \"\") return;\n    event.preventDefault();\n\n    handleNewDate(event, editedValue);\n  };\n\n  const onFocusHandler = (event) => {\n    if (!localValue) return;\n    const formattedDate = isValidValue ? dayjs(localValue).locale(locale).format(\"L\") : editedValue;\n    setEditedValue(formattedDate);\n    onFocus?.(event, formattedDate);\n  };\n\n  const onChangeHandler = (event) => {\n    setEditedValue(event.target.value);\n  };\n  return (\n    <>\n      <div\n        id={localId}\n        className={clsx(classes.root, {\n          [classes.invalid]: !isValidValue && inputValue !== \"\",\n        })}\n      >\n        <HvTypography variant=\"normalText\" className={classes.headerDayOfWeek}>\n          {weekdayDisplay || \"\\u00A0\"}\n        </HvTypography>\n        <div className={classes.headerDate}>\n          <input\n            type=\"text\"\n            id={setId(localId, \"header-input\")}\n            placeholder={localeFormat}\n            value={inputValue}\n            className={classes.input}\n            onBlur={onBlurHandler}\n            onFocus={onFocusHandler}\n            onChange={onChangeHandler}\n            onKeyDown={keyDownHandler}\n            aria-labelledby={label?.[0]?.id}\n            {...others}\n          />\n        </div>\n      </div>\n      {!isValidValue && inputValue !== \"\" && (\n        <div role=\"presentation\" className={classes.inputBorderContainer} />\n      )}\n      <div style={{ height: 32 }}>\n        {!isValidValue && inputValue !== \"\" && (\n          <HvTypography\n            component=\"span\"\n            variant=\"normalText\"\n            className={classes.invalidMessageStyling}\n          >\n            <Info color=\"acce3\" iconSize=\"S\" />\n            Invalid date\n          </HvTypography>\n        )}\n      </div>\n    </>\n  );\n};\n\n// TODO: refactor this out\nHvCalendarHeader.formElementType = \"HvCalendarHeader\";\n\nHvCalendarHeader.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  value: PropTypes.oneOfType([\n    PropTypes.instanceOf(Date),\n    PropTypes.string,\n    PropTypes.shape({ startDate: PropTypes.instanceOf(Date), endDate: PropTypes.instanceOf(Date) }),\n  ]),\n\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  onChange: PropTypes.func,\n  /**\n   * Callback to handle input onFocus.\n   */\n  onFocus: PropTypes.func,\n  /**\n   * Indicates if header should display end date in a date range.\n   */\n  showEndDate: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvCalendarHeader\" })(HvCalendarHeader);\n"],"mappings":"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"}

package/dist/Calendar/CalendarHeader/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _CalendarHeader.default;
   }
 });
-
 var _CalendarHeader = _interopRequireDefault(require("./CalendarHeader"));
 //# sourceMappingURL=index.js.map

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

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

package/dist/Calendar/CalendarHeader/styles.js

@@ -1,34 +1,21 @@
 "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); 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) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var styles = function styles(theme) {
   return {
     rangeLabel: {
@@ -81,7 +68,6 @@ var styles = function styles(theme) {
     })
   };
 };
-
 var _default = styles;
 exports.default = _default;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","rangeLabel","paddingBottom","hvSpacing","root","marginTop","backgroundColor","palette","atmo1","borderBottom","atmo4","borderTop","borderLeft","borderRight","acce1","headerDayOfWeek","paddingLeft","headerDate","invalidMessageStyling","display","alignItems","color","hv","semantic","sema4","inputBorderContainer","height","invalid","input","border","padding","fontFamily","typography","xsTitle","width","atmo5","outline","outlineStyles"],"sources":["../../../src/Calendar/CalendarHeader/styles.js"],"sourcesContent":["import { outlineStyles } from \"../../Focus/styles\";\n\nconst styles = (theme) => ({\n  rangeLabel: {\n    paddingBottom: theme.hvSpacing(\"xs\"),\n  },\n  root: {\n    marginTop: theme.hvSpacing(\"xs\"),\n    backgroundColor: theme.palette.atmo1,\n    borderBottom: `1px solid ${theme.palette.atmo4}`,\n    borderTop: \"1px solid transparent\",\n    borderLeft: \"1px solid transparent\",\n    borderRight: \"1px solid transparent\",\n    \"&:hover, &:focus\": {\n      borderBottom: `1px solid ${theme.palette.acce1}`,\n    },\n  },\n  headerDayOfWeek: {\n    paddingLeft: theme.hvSpacing(\"xs\"),\n  },\n  headerDate: {},\n  invalidMessageStyling: {\n    display: \"flex\",\n    alignItems: \"center\",\n    color: theme.hv.palette.semantic.sema4,\n  },\n  inputBorderContainer: {\n    backgroundColor: theme.hv.palette.semantic.sema4,\n    height: 1,\n    marginTop: -1,\n  },\n  invalid: {},\n  input: {\n    border: \"none\",\n    backgroundColor: \"transparent\",\n    padding: `5px ${theme.hvSpacing(\"xs\")}`,\n    fontFamily: theme.hv.typography.fontFamily,\n    ...theme.hv.typography.xsTitle,\n    width: \"100%\",\n    \"&::placeholder\": {\n      color: theme.palette.atmo5,\n    },\n    \"&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator\": {\n      \" -webkit-appearance\": \"none\",\n      display: \"none\",\n    },\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&.focus-visible\": {\n      ...outlineStyles,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,UAAU,EAAE;MACVC,aAAa,EAAEF,KAAK,CAACG,SAAN,CAAgB,IAAhB;IADL,CADa;IAIzBC,IAAI,EAAE;MACJC,SAAS,EAAEL,KAAK,CAACG,SAAN,CAAgB,IAAhB,CADP;MAEJG,eAAe,EAAEN,KAAK,CAACO,OAAN,CAAcC,KAF3B;MAGJC,YAAY,sBAAeT,KAAK,CAACO,OAAN,CAAcG,KAA7B,CAHR;MAIJC,SAAS,EAAE,uBAJP;MAKJC,UAAU,EAAE,uBALR;MAMJC,WAAW,EAAE,uBANT;MAOJ,oBAAoB;QAClBJ,YAAY,sBAAeT,KAAK,CAACO,OAAN,CAAcO,KAA7B;MADM;IAPhB,CAJmB;IAezBC,eAAe,EAAE;MACfC,WAAW,EAAEhB,KAAK,CAACG,SAAN,CAAgB,IAAhB;IADE,CAfQ;IAkBzBc,UAAU,EAAE,EAlBa;IAmBzBC,qBAAqB,EAAE;MACrBC,OAAO,EAAE,MADY;MAErBC,UAAU,EAAE,QAFS;MAGrBC,KAAK,EAAErB,KAAK,CAACsB,EAAN,CAASf,OAAT,CAAiBgB,QAAjB,CAA0BC;IAHZ,CAnBE;IAwBzBC,oBAAoB,EAAE;MACpBnB,eAAe,EAAEN,KAAK,CAACsB,EAAN,CAASf,OAAT,CAAiBgB,QAAjB,CAA0BC,KADvB;MAEpBE,MAAM,EAAE,CAFY;MAGpBrB,SAAS,EAAE,CAAC;IAHQ,CAxBG;IA6BzBsB,OAAO,EAAE,EA7BgB;IA8BzBC,KAAK;MACHC,MAAM,EAAE,MADL;MAEHvB,eAAe,EAAE,aAFd;MAGHwB,OAAO,gBAAS9B,KAAK,CAACG,SAAN,CAAgB,IAAhB,CAAT,CAHJ;MAIH4B,UAAU,EAAE/B,KAAK,CAACsB,EAAN,CAASU,UAAT,CAAoBD;IAJ7B,GAKA/B,KAAK,CAACsB,EAAN,CAASU,UAAT,CAAoBC,OALpB;MAMHC,KAAK,EAAE,MANJ;MAOH,kBAAkB;QAChBb,KAAK,EAAErB,KAAK,CAACO,OAAN,CAAc4B;MADL,CAPf;MAUH,sEAAsE;QACpE,uBAAuB,MAD6C;QAEpEhB,OAAO,EAAE;MAF2D,CAVnE;MAcH,WAAW;QACTiB,OAAO,EAAE;MADA,CAdR;MAiBH,qCACKC,qBADL;IAjBG;EA9BoB,CAAZ;AAAA,CAAf;;eAqDetC,M"}
+{"version":3,"file":"styles.js","names":["styles","theme","rangeLabel","paddingBottom","hvSpacing","root","marginTop","backgroundColor","palette","atmo1","borderBottom","atmo4","borderTop","borderLeft","borderRight","acce1","headerDayOfWeek","paddingLeft","headerDate","invalidMessageStyling","display","alignItems","color","hv","semantic","sema4","inputBorderContainer","height","invalid","input","border","padding","fontFamily","typography","xsTitle","width","atmo5","outline","outlineStyles"],"sources":["../../../src/Calendar/CalendarHeader/styles.js"],"sourcesContent":["import { outlineStyles } from \"../../Focus/styles\";\n\nconst styles = (theme) => ({\n  rangeLabel: {\n    paddingBottom: theme.hvSpacing(\"xs\"),\n  },\n  root: {\n    marginTop: theme.hvSpacing(\"xs\"),\n    backgroundColor: theme.palette.atmo1,\n    borderBottom: `1px solid ${theme.palette.atmo4}`,\n    borderTop: \"1px solid transparent\",\n    borderLeft: \"1px solid transparent\",\n    borderRight: \"1px solid transparent\",\n    \"&:hover, &:focus\": {\n      borderBottom: `1px solid ${theme.palette.acce1}`,\n    },\n  },\n  headerDayOfWeek: {\n    paddingLeft: theme.hvSpacing(\"xs\"),\n  },\n  headerDate: {},\n  invalidMessageStyling: {\n    display: \"flex\",\n    alignItems: \"center\",\n    color: theme.hv.palette.semantic.sema4,\n  },\n  inputBorderContainer: {\n    backgroundColor: theme.hv.palette.semantic.sema4,\n    height: 1,\n    marginTop: -1,\n  },\n  invalid: {},\n  input: {\n    border: \"none\",\n    backgroundColor: \"transparent\",\n    padding: `5px ${theme.hvSpacing(\"xs\")}`,\n    fontFamily: theme.hv.typography.fontFamily,\n    ...theme.hv.typography.xsTitle,\n    width: \"100%\",\n    \"&::placeholder\": {\n      color: theme.palette.atmo5,\n    },\n    \"&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator\": {\n      \" -webkit-appearance\": \"none\",\n      display: \"none\",\n    },\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&.focus-visible\": {\n      ...outlineStyles,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAmD;AAAA;AAEnD,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,UAAU,EAAE;MACVC,aAAa,EAAEF,KAAK,CAACG,SAAS,CAAC,IAAI;IACrC,CAAC;IACDC,IAAI,EAAE;MACJC,SAAS,EAAEL,KAAK,CAACG,SAAS,CAAC,IAAI,CAAC;MAChCG,eAAe,EAAEN,KAAK,CAACO,OAAO,CAACC,KAAK;MACpCC,YAAY,sBAAeT,KAAK,CAACO,OAAO,CAACG,KAAK,CAAE;MAChDC,SAAS,EAAE,uBAAuB;MAClCC,UAAU,EAAE,uBAAuB;MACnCC,WAAW,EAAE,uBAAuB;MACpC,kBAAkB,EAAE;QAClBJ,YAAY,sBAAeT,KAAK,CAACO,OAAO,CAACO,KAAK;MAChD;IACF,CAAC;IACDC,eAAe,EAAE;MACfC,WAAW,EAAEhB,KAAK,CAACG,SAAS,CAAC,IAAI;IACnC,CAAC;IACDc,UAAU,EAAE,CAAC,CAAC;IACdC,qBAAqB,EAAE;MACrBC,OAAO,EAAE,MAAM;MACfC,UAAU,EAAE,QAAQ;MACpBC,KAAK,EAAErB,KAAK,CAACsB,EAAE,CAACf,OAAO,CAACgB,QAAQ,CAACC;IACnC,CAAC;IACDC,oBAAoB,EAAE;MACpBnB,eAAe,EAAEN,KAAK,CAACsB,EAAE,CAACf,OAAO,CAACgB,QAAQ,CAACC,KAAK;MAChDE,MAAM,EAAE,CAAC;MACTrB,SAAS,EAAE,CAAC;IACd,CAAC;IACDsB,OAAO,EAAE,CAAC,CAAC;IACXC,KAAK;MACHC,MAAM,EAAE,MAAM;MACdvB,eAAe,EAAE,aAAa;MAC9BwB,OAAO,gBAAS9B,KAAK,CAACG,SAAS,CAAC,IAAI,CAAC,CAAE;MACvC4B,UAAU,EAAE/B,KAAK,CAACsB,EAAE,CAACU,UAAU,CAACD;IAAU,GACvC/B,KAAK,CAACsB,EAAE,CAACU,UAAU,CAACC,OAAO;MAC9BC,KAAK,EAAE,MAAM;MACb,gBAAgB,EAAE;QAChBb,KAAK,EAAErB,KAAK,CAACO,OAAO,CAAC4B;MACvB,CAAC;MACD,oEAAoE,EAAE;QACpE,qBAAqB,EAAE,MAAM;QAC7BhB,OAAO,EAAE;MACX,CAAC;MACD,SAAS,EAAE;QACTiB,OAAO,EAAE;MACX,CAAC;MACD,iBAAiB,oBACZC,qBAAa;IACjB;EAEL,CAAC;AAAA,CAAC;AAAC,eAEYtC,MAAM;AAAA"}

package/dist/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.js

@@ -1,65 +1,41 @@
 "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.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;
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.regexp.to-string.js");
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styles = require("@mui/styles");
-
 var _Navigation = _interopRequireDefault(require("../Navigation"));
-
 var _utils = require("../../../utils");
-
 var _utils2 = require("../../utils");
-
 var _enums = require("../../enums");
-
 var _styles2 = _interopRequireDefault(require("./styles"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["classes", "id", "locale", "onChange", "onViewModeChange", "visibleYear", "visibleMonth"];
-
 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) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var HvComposedNavigation = function HvComposedNavigation(_ref) {
   var classes = _ref.classes,
-      id = _ref.id,
-      locale = _ref.locale,
-      onChange = _ref.onChange,
-      onViewModeChange = _ref.onViewModeChange,
-      visibleYear = _ref.visibleYear,
-      visibleMonth = _ref.visibleMonth,
-      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    id = _ref.id,
+    locale = _ref.locale,
+    onChange = _ref.onChange,
+    onViewModeChange = _ref.onViewModeChange,
+    visibleYear = _ref.visibleYear,
+    visibleMonth = _ref.visibleMonth,
+    others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var listMonthNamesLong = (0, _utils2.getMonthNamesList)(locale, _enums.REPRESENTATION_VALUES.LONG);
   var monthName = listMonthNamesLong[visibleMonth - 1];
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
@@ -93,47 +69,38 @@ var HvComposedNavigation = function HvComposedNavigation(_ref) {
     })]
   }));
 };
-
 process.env.NODE_ENV !== "production" ? HvComposedNavigation.propTypes = {
   /**
    * A Jss Object used to override or extend the component styles.
    */
   classes: _propTypes.default.instanceOf(Object).isRequired,
-
   /**
    * Identifier.
    */
   id: _propTypes.default.string,
-
   /**
    * Locale to be used by the calendar.
    */
   locale: _propTypes.default.string,
-
   /**
    * Callback to define the input date.
    */
   onChange: _propTypes.default.func,
-
   /**
    * Callback to define the input date.
    */
   onViewModeChange: _propTypes.default.func,
-
   /**
    * Controls the visible month of the Calendar
    */
   visibleMonth: _propTypes.default.number,
-
   /**
    * Controls the visible month of the Calendar
    */
   visibleYear: _propTypes.default.number
 } : void 0;
-
 var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvComposedNavigation"
 })(HvComposedNavigation);
-
 exports.default = _default;
 //# sourceMappingURL=ComposedNavigation.js.map

package/dist/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComposedNavigation.js","names":["HvComposedNavigation","classes","id","locale","onChange","onViewModeChange","visibleYear","visibleMonth","others","listMonthNamesLong","getMonthNamesList","REPRESENTATION_VALUES","LONG","monthName","navigationContainer","navigationMonth","setId","event","NAV_OPTIONS","PREVIOUS_MONTH","NEXT_MONTH","VIEW_MODE","MONTHLY","toString","PREVIOUS_YEAR","NEXT_YEAR","propTypes","PropTypes","instanceOf","Object","isRequired","string","func","number","withStyles","styles","name"],"sources":["../../../../src/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport Navigation from \"../Navigation\";\nimport { setId } from \"../../../utils\";\nimport { getMonthNamesList } from \"../../utils\";\nimport { NAV_OPTIONS, VIEW_MODE, REPRESENTATION_VALUES } from \"../../enums\";\nimport styles from \"./styles\";\n\nconst HvComposedNavigation = ({\n  classes,\n  id,\n  locale,\n  onChange,\n  onViewModeChange,\n  visibleYear,\n  visibleMonth,\n  ...others\n}) => {\n  const listMonthNamesLong = getMonthNamesList(locale, REPRESENTATION_VALUES.LONG);\n  const monthName = listMonthNamesLong[visibleMonth - 1];\n\n  return (\n    <div className={classes.navigationContainer} {...others}>\n      <div className={classes.navigationMonth}>\n        <Navigation\n          id={setId(id, \"navigation-month\")}\n          navigationText={monthName}\n          onNavigatePrevious={(event) => {\n            onChange?.(event, NAV_OPTIONS.PREVIOUS_MONTH);\n          }}\n          onNavigateNext={(event) => {\n            onChange?.(event, NAV_OPTIONS.NEXT_MONTH);\n          }}\n          onTextClick={() => {\n            onViewModeChange(VIEW_MODE.MONTHLY);\n          }}\n          className={classes.navigationMonth}\n        />\n      </div>\n\n      <Navigation\n        id={setId(id, \"navigation-year\")}\n        navigationText={visibleYear.toString()}\n        onNavigatePrevious={(event) => {\n          onChange?.(event, NAV_OPTIONS.PREVIOUS_YEAR);\n        }}\n        onNavigateNext={(event) => {\n          onChange?.(event, NAV_OPTIONS.NEXT_YEAR);\n        }}\n      />\n    </div>\n  );\n};\n\nHvComposedNavigation.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   * Locale to be used by the calendar.\n   */\n  locale: PropTypes.string,\n  /**\n   * Callback to define the input date.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Callback to define the input date.\n   */\n  onViewModeChange: PropTypes.func,\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\nexport default withStyles(styles, { name: \"HvComposedNavigation\" })(HvComposedNavigation);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,OASvB;EAAA,IARJC,OAQI,QARJA,OAQI;EAAA,IAPJC,EAOI,QAPJA,EAOI;EAAA,IANJC,MAMI,QANJA,MAMI;EAAA,IALJC,QAKI,QALJA,QAKI;EAAA,IAJJC,gBAII,QAJJA,gBAII;EAAA,IAHJC,WAGI,QAHJA,WAGI;EAAA,IAFJC,YAEI,QAFJA,YAEI;EAAA,IADDC,MACC;EACJ,IAAMC,kBAAkB,GAAG,IAAAC,yBAAA,EAAkBP,MAAlB,EAA0BQ,4BAAA,CAAsBC,IAAhD,CAA3B;EACA,IAAMC,SAAS,GAAGJ,kBAAkB,CAACF,YAAY,GAAG,CAAhB,CAApC;EAEA,oBACE;IAAK,SAAS,EAAEN,OAAO,CAACa;EAAxB,GAAiDN,MAAjD;IAAA,wBACE;MAAK,SAAS,EAAEP,OAAO,CAACc,eAAxB;MAAA,uBACE,qBAAC,mBAAD;QACE,EAAE,EAAE,IAAAC,YAAA,EAAMd,EAAN,EAAU,kBAAV,CADN;QAEE,cAAc,EAAEW,SAFlB;QAGE,kBAAkB,EAAE,4BAACI,KAAD,EAAW;UAC7Bb,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGa,KAAH,EAAUC,kBAAA,CAAYC,cAAtB,CAAR;QACD,CALH;QAME,cAAc,EAAE,wBAACF,KAAD,EAAW;UACzBb,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGa,KAAH,EAAUC,kBAAA,CAAYE,UAAtB,CAAR;QACD,CARH;QASE,WAAW,EAAE,uBAAM;UACjBf,gBAAgB,CAACgB,gBAAA,CAAUC,OAAX,CAAhB;QACD,CAXH;QAYE,SAAS,EAAErB,OAAO,CAACc;MAZrB;IADF,EADF,eAkBE,qBAAC,mBAAD;MACE,EAAE,EAAE,IAAAC,YAAA,EAAMd,EAAN,EAAU,iBAAV,CADN;MAEE,cAAc,EAAEI,WAAW,CAACiB,QAAZ,EAFlB;MAGE,kBAAkB,EAAE,4BAACN,KAAD,EAAW;QAC7Bb,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGa,KAAH,EAAUC,kBAAA,CAAYM,aAAtB,CAAR;MACD,CALH;MAME,cAAc,EAAE,wBAACP,KAAD,EAAW;QACzBb,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGa,KAAH,EAAUC,kBAAA,CAAYO,SAAtB,CAAR;MACD;IARH,EAlBF;EAAA,GADF;AA+BD,CA5CD;;AA8CA,wCAAAzB,oBAAoB,CAAC0B,SAArB,GAAiC;EAC/B;AACF;AACA;EACEzB,OAAO,EAAE0B,kBAAA,CAAUC,UAAV,CAAqBC,MAArB,EAA6BC,UAJP;;EAK/B;AACF;AACA;EACE5B,EAAE,EAAEyB,kBAAA,CAAUI,MARiB;;EAS/B;AACF;AACA;EACE5B,MAAM,EAAEwB,kBAAA,CAAUI,MAZa;;EAa/B;AACF;AACA;EACE3B,QAAQ,EAAEuB,kBAAA,CAAUK,IAhBW;;EAiB/B;AACF;AACA;EACE3B,gBAAgB,EAAEsB,kBAAA,CAAUK,IApBG;;EAqB/B;AACF;AACA;EACEzB,YAAY,EAAEoB,kBAAA,CAAUM,MAxBO;;EAyB/B;AACF;AACA;EACE3B,WAAW,EAAEqB,kBAAA,CAAUM;AA5BQ,CAAjC;;eA+Be,IAAAC,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAqDpC,oBAArD,C"}
+{"version":3,"file":"ComposedNavigation.js","names":["HvComposedNavigation","classes","id","locale","onChange","onViewModeChange","visibleYear","visibleMonth","others","listMonthNamesLong","getMonthNamesList","REPRESENTATION_VALUES","LONG","monthName","navigationContainer","navigationMonth","setId","event","NAV_OPTIONS","PREVIOUS_MONTH","NEXT_MONTH","VIEW_MODE","MONTHLY","toString","PREVIOUS_YEAR","NEXT_YEAR","propTypes","PropTypes","instanceOf","Object","isRequired","string","func","number","withStyles","styles","name"],"sources":["../../../../src/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport Navigation from \"../Navigation\";\nimport { setId } from \"../../../utils\";\nimport { getMonthNamesList } from \"../../utils\";\nimport { NAV_OPTIONS, VIEW_MODE, REPRESENTATION_VALUES } from \"../../enums\";\nimport styles from \"./styles\";\n\nconst HvComposedNavigation = ({\n  classes,\n  id,\n  locale,\n  onChange,\n  onViewModeChange,\n  visibleYear,\n  visibleMonth,\n  ...others\n}) => {\n  const listMonthNamesLong = getMonthNamesList(locale, REPRESENTATION_VALUES.LONG);\n  const monthName = listMonthNamesLong[visibleMonth - 1];\n\n  return (\n    <div className={classes.navigationContainer} {...others}>\n      <div className={classes.navigationMonth}>\n        <Navigation\n          id={setId(id, \"navigation-month\")}\n          navigationText={monthName}\n          onNavigatePrevious={(event) => {\n            onChange?.(event, NAV_OPTIONS.PREVIOUS_MONTH);\n          }}\n          onNavigateNext={(event) => {\n            onChange?.(event, NAV_OPTIONS.NEXT_MONTH);\n          }}\n          onTextClick={() => {\n            onViewModeChange(VIEW_MODE.MONTHLY);\n          }}\n          className={classes.navigationMonth}\n        />\n      </div>\n\n      <Navigation\n        id={setId(id, \"navigation-year\")}\n        navigationText={visibleYear.toString()}\n        onNavigatePrevious={(event) => {\n          onChange?.(event, NAV_OPTIONS.PREVIOUS_YEAR);\n        }}\n        onNavigateNext={(event) => {\n          onChange?.(event, NAV_OPTIONS.NEXT_YEAR);\n        }}\n      />\n    </div>\n  );\n};\n\nHvComposedNavigation.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   * Locale to be used by the calendar.\n   */\n  locale: PropTypes.string,\n  /**\n   * Callback to define the input date.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Callback to define the input date.\n   */\n  onViewModeChange: PropTypes.func,\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\nexport default withStyles(styles, { name: \"HvComposedNavigation\" })(HvComposedNavigation);\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAA8B;AAAA;AAAA;AAAA;AAE9B,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAoB,OASpB;EAAA,IARJC,OAAO,QAAPA,OAAO;IACPC,EAAE,QAAFA,EAAE;IACFC,MAAM,QAANA,MAAM;IACNC,QAAQ,QAARA,QAAQ;IACRC,gBAAgB,QAAhBA,gBAAgB;IAChBC,WAAW,QAAXA,WAAW;IACXC,YAAY,QAAZA,YAAY;IACTC,MAAM;EAET,IAAMC,kBAAkB,GAAG,IAAAC,yBAAiB,EAACP,MAAM,EAAEQ,4BAAqB,CAACC,IAAI,CAAC;EAChF,IAAMC,SAAS,GAAGJ,kBAAkB,CAACF,YAAY,GAAG,CAAC,CAAC;EAEtD,oBACE;IAAK,SAAS,EAAEN,OAAO,CAACa;EAAoB,GAAKN,MAAM;IAAA,wBACrD;MAAK,SAAS,EAAEP,OAAO,CAACc,eAAgB;MAAA,uBACtC,qBAAC,mBAAU;QACT,EAAE,EAAE,IAAAC,YAAK,EAACd,EAAE,EAAE,kBAAkB,CAAE;QAClC,cAAc,EAAEW,SAAU;QAC1B,kBAAkB,EAAE,4BAACI,KAAK,EAAK;UAC7Bb,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGa,KAAK,EAAEC,kBAAW,CAACC,cAAc,CAAC;QAC/C,CAAE;QACF,cAAc,EAAE,wBAACF,KAAK,EAAK;UACzBb,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGa,KAAK,EAAEC,kBAAW,CAACE,UAAU,CAAC;QAC3C,CAAE;QACF,WAAW,EAAE,uBAAM;UACjBf,gBAAgB,CAACgB,gBAAS,CAACC,OAAO,CAAC;QACrC,CAAE;QACF,SAAS,EAAErB,OAAO,CAACc;MAAgB;IACnC,EACE,eAEN,qBAAC,mBAAU;MACT,EAAE,EAAE,IAAAC,YAAK,EAACd,EAAE,EAAE,iBAAiB,CAAE;MACjC,cAAc,EAAEI,WAAW,CAACiB,QAAQ,EAAG;MACvC,kBAAkB,EAAE,4BAACN,KAAK,EAAK;QAC7Bb,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGa,KAAK,EAAEC,kBAAW,CAACM,aAAa,CAAC;MAC9C,CAAE;MACF,cAAc,EAAE,wBAACP,KAAK,EAAK;QACzBb,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGa,KAAK,EAAEC,kBAAW,CAACO,SAAS,CAAC;MAC1C;IAAE,EACF;EAAA,GACE;AAEV,CAAC;AAED,wCAAAzB,oBAAoB,CAAC0B,SAAS,GAAG;EAC/B;AACF;AACA;EACEzB,OAAO,EAAE0B,kBAAS,CAACC,UAAU,CAACC,MAAM,CAAC,CAACC,UAAU;EAChD;AACF;AACA;EACE5B,EAAE,EAAEyB,kBAAS,CAACI,MAAM;EACpB;AACF;AACA;EACE5B,MAAM,EAAEwB,kBAAS,CAACI,MAAM;EACxB;AACF;AACA;EACE3B,QAAQ,EAAEuB,kBAAS,CAACK,IAAI;EACxB;AACF;AACA;EACE3B,gBAAgB,EAAEsB,kBAAS,CAACK,IAAI;EAChC;AACF;AACA;EACEzB,YAAY,EAAEoB,kBAAS,CAACM,MAAM;EAC9B;AACF;AACA;EACE3B,WAAW,EAAEqB,kBAAS,CAACM;AACzB,CAAC;AAAC,eAEa,IAAAC,kBAAU,EAACC,gBAAM,EAAE;EAAEC,IAAI,EAAE;AAAuB,CAAC,CAAC,CAACpC,oBAAoB,CAAC;AAAA"}

package/dist/Calendar/CalendarNavigation/ComposedNavigation/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _ComposedNavigation.default;
   }
 });
-
 var _ComposedNavigation = _interopRequireDefault(require("./ComposedNavigation"));
 //# sourceMappingURL=index.js.map

package/dist/Calendar/CalendarNavigation/ComposedNavigation/index.js.map

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