@hitachivantara/uikit-react-core 4.0.3 → 4.0.4

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

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","names":["React","useContext","PropTypes","withStyles","setId","styles","HvFormElementContext","HvFormElementValueContext","isRange","SingleCalendar","HvCalendar","classes","id","locale","value","visibleMonth","visibleYear","rightVisibleMonth","rightVisibleYear","minimumDate","maximumDate","startAdornment","onChange","onInputChange","onVisibleDateChange","others","elementId","elementValue","localValue","localId","rangeMode","rightCalendarId","clampedMonth","singleCalendar","evt","date","rangeCalendar","rangeCalendarContainer","event","action","index","root","propTypes","instanceOf","Object","isRequired","string","oneOfType","Date","shape","startDate","endDate","number","func","node","name"],"sources":["../../../src/Calendar/Calendar.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { setId } from \"../utils\";\nimport styles from \"./styles\";\nimport { HvFormElementContext, HvFormElementValueContext } from \"../Forms/FormElement\";\nimport { isRange } from \"./utils\";\nimport SingleCalendar from \"./SingleCalendar\";\n\nconst HvCalendar = ({\n  classes,\n  id,\n  locale,\n  value,\n  visibleMonth,\n  visibleYear,\n  rightVisibleMonth,\n  rightVisibleYear,\n  minimumDate,\n  maximumDate,\n  startAdornment,\n  onChange,\n  onInputChange,\n  onVisibleDateChange,\n  ...others\n}) => {\n  const { elementId } = useContext(HvFormElementContext);\n  const elementValue = useContext(HvFormElementValueContext);\n  const localValue = value ?? elementValue;\n  const localId = id ?? setId(elementId, \"single-calendar\");\n  const rangeMode = isRange(localValue);\n  const rightCalendarId = setId(localId, \"single-calendar-right\");\n  const clampedMonth = visibleMonth % 13 > 0 ? visibleMonth % 13 : 1;\n\n  const singleCalendar = (\n    <SingleCalendar\n      id={localId}\n      locale={locale}\n      value={localValue}\n      visibleMonth={clampedMonth}\n      visibleYear={visibleYear}\n      minimumDate={minimumDate}\n      maximumDate={maximumDate}\n      onChange={onChange}\n      onInputChange={(evt, date) => onInputChange(evt, date, \"left\")}\n      onVisibleDateChange={onVisibleDateChange}\n      {...others}\n    />\n  );\n\n  const rangeCalendar = (\n    <div className={classes.rangeCalendarContainer}>\n      <SingleCalendar\n        className={classes.singleCalendar}\n        id={localId}\n        locale={locale}\n        value={localValue}\n        visibleMonth={clampedMonth}\n        visibleYear={visibleYear}\n        minimumDate={minimumDate}\n        maximumDate={maximumDate}\n        onChange={onChange}\n        onInputChange={(evt, date) => onInputChange(evt, date, \"left\")}\n        onVisibleDateChange={(event, action, index) =>\n          onVisibleDateChange?.(event, action, index, \"left\")\n        }\n        {...others}\n      />\n\n      <SingleCalendar\n        className={classes.singleCalendar}\n        id={rightCalendarId}\n        locale={locale}\n        value={localValue}\n        visibleMonth={rightVisibleMonth}\n        visibleYear={rightVisibleYear}\n        minimumDate={minimumDate}\n        maximumDate={maximumDate}\n        onChange={onChange}\n        onInputChange={(evt, date) => onInputChange(evt, date, \"right\")}\n        onVisibleDateChange={(event, action, index) => {\n          onVisibleDateChange?.(event, action, index, \"right\");\n        }}\n        showEndDate\n        {...others}\n      />\n    </div>\n  );\n\n  return (\n    <div className={classes.root}>\n      {startAdornment}\n      {rangeMode ? rangeCalendar : singleCalendar}\n    </div>\n  );\n};\n\nHvCalendar.propTypes = {\n  /**\n   * Styles applied from the theme.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * The calendar locale. If undefined, it defaults to en-US\n   *\n   */\n  locale: PropTypes.string,\n  /**\n   * Date that the calendar would show.\n   * if using the object format the calendar enter in range mode showing two calendars\n   */\n  value: PropTypes.oneOfType([\n    PropTypes.instanceOf(Date),\n    PropTypes.shape({ startDate: PropTypes.instanceOf(Date), endDate: PropTypes.instanceOf(Date) }),\n  ]),\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleMonth: PropTypes.number,\n  /**\n   * Controls the visible year of the Calendar\n   */\n  visibleYear: PropTypes.number,\n  /**\n   * Controls the visible month of the Calendar on the right side of the datepicker\n   */\n  rightVisibleMonth: PropTypes.number,\n  /**\n   * Controls the visible year of the Calendar on the right side of the datepicker\n   */\n  rightVisibleYear: PropTypes.number,\n  /**\n   * Callback function to be triggered when the selected date has changed.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Callback function to be triggered when the selected date input has changed.\n   */\n  onInputChange: PropTypes.func,\n  /**\n   * Callback function to be triggered when the user clicks on the month or year selector.\n   * it receives the action that was pressed:\n   * previous_month, next_month, previous_year, next_year,month\n   */\n  onVisibleDateChange: PropTypes.func,\n\n  /**\n   * The maximum selectable date after this all values are disabled.\n   */\n  maximumDate: PropTypes.instanceOf(Date),\n  /**\n   * The minimum selectable date before this all values are disabled.\n   */\n  minimumDate: PropTypes.instanceOf(Date),\n  /**\n   * An element placed before the Calendar\n   */\n  startAdornment: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvCalendar\" })(HvCalendar);\n"],"mappings":"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"}
+{"version":3,"file":"Calendar.js","names":["React","useContext","PropTypes","withStyles","setId","styles","HvFormElementContext","HvFormElementValueContext","isRange","SingleCalendar","HvCalendar","classes","id","locale","value","visibleMonth","visibleYear","rightVisibleMonth","rightVisibleYear","minimumDate","maximumDate","startAdornment","onChange","onInputChange","onVisibleDateChange","others","elementId","elementValue","localValue","localId","rangeMode","rightCalendarId","clampedMonth","singleCalendar","evt","date","rangeCalendar","rangeCalendarContainer","event","action","index","root","propTypes","instanceOf","Object","isRequired","string","oneOfType","Date","shape","startDate","endDate","number","func","node","name"],"sources":["../../../src/Calendar/Calendar.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { setId } from \"../utils\";\nimport styles from \"./styles\";\nimport { HvFormElementContext, HvFormElementValueContext } from \"../Forms/FormElement\";\nimport { isRange } from \"./utils\";\nimport SingleCalendar from \"./SingleCalendar\";\n\nconst HvCalendar = ({\n  classes,\n  id,\n  locale,\n  value,\n  visibleMonth,\n  visibleYear,\n  rightVisibleMonth,\n  rightVisibleYear,\n  minimumDate,\n  maximumDate,\n  startAdornment,\n  onChange,\n  onInputChange,\n  onVisibleDateChange,\n  ...others\n}) => {\n  const { elementId } = useContext(HvFormElementContext);\n  const elementValue = useContext(HvFormElementValueContext);\n  const localValue = value ?? elementValue;\n  const localId = id ?? setId(elementId, \"single-calendar\");\n  const rangeMode = isRange(localValue);\n  const rightCalendarId = setId(localId, \"single-calendar-right\");\n  const clampedMonth = visibleMonth % 13 > 0 ? visibleMonth % 13 : 1;\n\n  const singleCalendar = (\n    <SingleCalendar\n      id={localId}\n      locale={locale}\n      value={localValue}\n      visibleMonth={clampedMonth}\n      visibleYear={visibleYear}\n      minimumDate={minimumDate}\n      maximumDate={maximumDate}\n      onChange={onChange}\n      onInputChange={(evt, date) => onInputChange(evt, date, \"left\")}\n      onVisibleDateChange={onVisibleDateChange}\n      {...others}\n    />\n  );\n\n  const rangeCalendar = (\n    <div className={classes.rangeCalendarContainer}>\n      <SingleCalendar\n        className={classes.singleCalendar}\n        id={localId}\n        locale={locale}\n        value={localValue}\n        visibleMonth={clampedMonth}\n        visibleYear={visibleYear}\n        minimumDate={minimumDate}\n        maximumDate={maximumDate}\n        onChange={onChange}\n        onInputChange={(evt, date) => onInputChange(evt, date, \"left\")}\n        onVisibleDateChange={(event, action, index) =>\n          onVisibleDateChange?.(event, action, index, \"left\")\n        }\n        {...others}\n      />\n\n      <SingleCalendar\n        className={classes.singleCalendar}\n        id={rightCalendarId}\n        locale={locale}\n        value={localValue}\n        visibleMonth={rightVisibleMonth}\n        visibleYear={rightVisibleYear}\n        minimumDate={minimumDate}\n        maximumDate={maximumDate}\n        onChange={onChange}\n        onInputChange={(evt, date) => onInputChange(evt, date, \"right\")}\n        onVisibleDateChange={(event, action, index) => {\n          onVisibleDateChange?.(event, action, index, \"right\");\n        }}\n        showEndDate\n        {...others}\n      />\n    </div>\n  );\n\n  return (\n    <div className={classes.root}>\n      {startAdornment}\n      {rangeMode ? rangeCalendar : singleCalendar}\n    </div>\n  );\n};\n\nHvCalendar.propTypes = {\n  /**\n   * Styles applied from the theme.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * The calendar locale. If undefined, it defaults to en-US\n   *\n   */\n  locale: PropTypes.string,\n  /**\n   * Date that the calendar would show.\n   * if using the object format the calendar enter in range mode showing two calendars\n   */\n  value: PropTypes.oneOfType([\n    PropTypes.instanceOf(Date),\n    PropTypes.shape({ startDate: PropTypes.instanceOf(Date), endDate: PropTypes.instanceOf(Date) }),\n  ]),\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleMonth: PropTypes.number,\n  /**\n   * Controls the visible year of the Calendar\n   */\n  visibleYear: PropTypes.number,\n  /**\n   * Controls the visible month of the Calendar on the right side of the datepicker\n   */\n  rightVisibleMonth: PropTypes.number,\n  /**\n   * Controls the visible year of the Calendar on the right side of the datepicker\n   */\n  rightVisibleYear: PropTypes.number,\n  /**\n   * Callback function to be triggered when the selected date has changed.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Callback function to be triggered when the selected date input has changed.\n   */\n  onInputChange: PropTypes.func,\n  /**\n   * Callback function to be triggered when the user clicks on the month or year selector.\n   * it receives the action that was pressed:\n   * previous_month, next_month, previous_year, next_year,month\n   */\n  onVisibleDateChange: PropTypes.func,\n\n  /**\n   * The maximum selectable date after this all values are disabled.\n   */\n  maximumDate: PropTypes.instanceOf(Date),\n  /**\n   * The minimum selectable date before this all values are disabled.\n   */\n  minimumDate: PropTypes.instanceOf(Date),\n  /**\n   * An element placed before the Calendar\n   */\n  startAdornment: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvCalendar\" })(HvCalendar);\n"],"mappings":"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"}

package/dist/modern/Calendar/CalendarHeader/CalendarHeader.js

@@ -1,15 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-
 var _Info;
-
 const _excluded = ["id", "value", "locale", "classes", "onChange", "showEndDate", "onFocus"];
-
 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 "core-js/modules/web.dom-collections.iterator.js";
 import React, { useState, useEffect, useContext } from "react";
 import PropTypes from "prop-types";
 import { Info } from "@hitachivantara/uikit-react-icons";
@@ -34,21 +28,18 @@ dayjs.extend(customParseFormat);
 const {
   Enter
 } = KeyboardCodes;
-
 const HvCalendarHeader = _ref => {
   var _ref2, _label$;
-
   let {
-    id,
-    value,
-    locale,
-    classes,
-    onChange,
-    showEndDate,
-    onFocus
-  } = _ref,
-      others = _objectWithoutProperties(_ref, _excluded);
-
+      id,
+      value,
+      locale,
+      classes,
+      onChange,
+      showEndDate,
+      onFocus
+    } = _ref,
+    others = _objectWithoutProperties(_ref, _excluded);
   const {
     elementId
   } = useContext(HvFormElementContext);
@@ -57,11 +48,9 @@ const HvCalendarHeader = _ref => {
     label
   } = useContext(HvFormElementDescriptorsContext);
   let localValue = (_ref2 = value !== null && value !== void 0 ? value : elementValue) !== null && _ref2 !== void 0 ? _ref2 : "";
-
   if (isRange(localValue)) {
     localValue = showEndDate ? localValue.endDate : localValue.startDate;
   }
-
   const [dateValue, setDateValue] = useState(localValue);
   const [editedValue, setEditedValue] = useState(null);
   const [displayValue, setDisplayValue] = useState("");
@@ -70,13 +59,10 @@ const HvCalendarHeader = _ref => {
   const inputValue = editedValue !== null && editedValue !== void 0 ? editedValue : displayValue;
   const localeFormat = dayjs().locale(locale).localeData().longDateFormat("L");
   const [isValidValue, setIsValidValue] = useState(inputValue.length === 0 || !!inputValue && dayjs(localValue).isValid());
-
   const validateInput = incomingValid => incomingValid === undefined || dayjs(incomingValid).isValid();
-
   useEffect(() => {
     const valid = validateInput(localValue);
     setIsValidValue(valid);
-
     if (valid) {
       if (!localValue) {
         setDisplayValue("");
@@ -84,7 +70,6 @@ const HvCalendarHeader = _ref => {
         setWeekdayDisplay("");
         return;
       }
-
       const weekday = new Intl.DateTimeFormat(locale, {
         weekday: "short"
       }).format(localValue);
@@ -93,54 +78,44 @@ const HvCalendarHeader = _ref => {
       setWeekdayDisplay(weekday);
     }
   }, [localValue, locale]);
-
   const handleNewDate = (event, date) => {
     // attempt to format in locale data, or fallback to default
     const localeParsedDate = dayjs(date, localeFormat);
     const isValidInput = localeParsedDate.isValid();
-    const dateParsed = isValidInput ? localeParsedDate.toDate() : dayjs(date).toDate(); // prevent extra updates
-
+    const dateParsed = isValidInput ? localeParsedDate.toDate() : dayjs(date).toDate();
+    // prevent extra updates
     if (!isSameDay(dateParsed, dateValue)) {
       setDateValue(dateParsed);
       onChange === null || onChange === void 0 ? void 0 : onChange(event, dateParsed);
     }
-
     setIsValidValue(isValidInput);
-
     if (isValidInput) {
       setEditedValue(null);
     }
   };
-
   const onBlurHandler = event => {
     if (isNil(editedValue)) return;
-
     if (editedValue === "") {
       setIsValidValue(true);
       setEditedValue(null);
       return;
     }
-
     handleNewDate(event, editedValue);
   };
-
   const keyDownHandler = event => {
     if (!isKeypress(event, Enter) || isNil(editedValue) || editedValue === "") return;
     event.preventDefault();
     handleNewDate(event, editedValue);
   };
-
   const onFocusHandler = event => {
     if (!localValue) return;
     const formattedDate = isValidValue ? dayjs(localValue).locale(locale).format("L") : editedValue;
     setEditedValue(formattedDate);
     onFocus === null || onFocus === void 0 ? void 0 : onFocus(event, formattedDate);
   };
-
   const onChangeHandler = event => {
     setEditedValue(event.target.value);
   };
-
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsxs("div", {
       id: localId,
@@ -182,21 +157,19 @@ const 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.instanceOf(Object).isRequired,
-
   /**
    * Identifier.
    */
   id: PropTypes.string,
-
   /**
    * The text to be shown on the main part of the header.
    */
@@ -204,22 +177,18 @@ process.env.NODE_ENV !== "production" ? HvCalendarHeader.propTypes = {
     startDate: PropTypes.instanceOf(Date),
     endDate: PropTypes.instanceOf(Date)
   })]),
-
   /**
    * Locale to be used by the calendar.
    */
   locale: PropTypes.string.isRequired,
-
   /**
    * Callback to define the input date.
    */
   onChange: PropTypes.func,
-
   /**
    * Callback to handle input onFocus.
    */
   onFocus: PropTypes.func,
-
   /**
    * Indicates if header should display end date in a date range.
    */

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarHeader.js","names":["React","useState","useEffect","useContext","PropTypes","Info","dayjs","localeData","localizedFormat","customParseFormat","clsx","isNil","withStyles","setId","isKeypress","KeyboardCodes","HvTypography","styles","HvFormElementContext","HvFormElementValueContext","HvFormElementDescriptorsContext","isRange","isSameDay","formatDMY","extend","Enter","HvCalendarHeader","id","value","locale","classes","onChange","showEndDate","onFocus","others","elementId","elementValue","label","localValue","endDate","startDate","dateValue","setDateValue","editedValue","setEditedValue","displayValue","setDisplayValue","weekdayDisplay","setWeekdayDisplay","localId","inputValue","localeFormat","longDateFormat","isValidValue","setIsValidValue","length","isValid","validateInput","incomingValid","undefined","valid","weekday","Intl","DateTimeFormat","format","handleNewDate","event","date","localeParsedDate","isValidInput","dateParsed","toDate","onBlurHandler","keyDownHandler","preventDefault","onFocusHandler","formattedDate","onChangeHandler","target","root","invalid","headerDayOfWeek","headerDate","input","inputBorderContainer","height","invalidMessageStyling","formElementType","propTypes","instanceOf","Object","isRequired","string","oneOfType","Date","shape","func","bool","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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"}
+{"version":3,"file":"CalendarHeader.js","names":["React","useState","useEffect","useContext","PropTypes","Info","dayjs","localeData","localizedFormat","customParseFormat","clsx","isNil","withStyles","setId","isKeypress","KeyboardCodes","HvTypography","styles","HvFormElementContext","HvFormElementValueContext","HvFormElementDescriptorsContext","isRange","isSameDay","formatDMY","extend","Enter","HvCalendarHeader","id","value","locale","classes","onChange","showEndDate","onFocus","others","elementId","elementValue","label","localValue","endDate","startDate","dateValue","setDateValue","editedValue","setEditedValue","displayValue","setDisplayValue","weekdayDisplay","setWeekdayDisplay","localId","inputValue","localeFormat","longDateFormat","isValidValue","setIsValidValue","length","isValid","validateInput","incomingValid","undefined","valid","weekday","Intl","DateTimeFormat","format","handleNewDate","event","date","localeParsedDate","isValidInput","dateParsed","toDate","onBlurHandler","keyDownHandler","preventDefault","onFocusHandler","formattedDate","onChangeHandler","target","root","invalid","headerDayOfWeek","headerDate","input","inputBorderContainer","height","invalidMessageStyling","formElementType","propTypes","instanceOf","Object","isRequired","string","oneOfType","Date","shape","func","bool","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/modern/Calendar/CalendarHeader/index.js.map

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

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

@@ -1,11 +1,7 @@
 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: theme.hvSpacing("xs")
@@ -56,6 +52,5 @@ const styles = theme => ({
     "&.focus-visible": _objectSpread({}, outlineStyles)
   })
 });
-
 export default styles;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["outlineStyles","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"],"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,SAASA,aAAT,QAA8B,oBAA9B;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;EACzBC,UAAU,EAAE;IACVC,aAAa,EAAEF,KAAK,CAACG,SAAN,CAAgB,IAAhB;EADL,CADa;EAIzBC,IAAI,EAAE;IACJC,SAAS,EAAEL,KAAK,CAACG,SAAN,CAAgB,IAAhB,CADP;IAEJG,eAAe,EAAEN,KAAK,CAACO,OAAN,CAAcC,KAF3B;IAGJC,YAAY,EAAG,aAAYT,KAAK,CAACO,OAAN,CAAcG,KAAM,EAH3C;IAIJC,SAAS,EAAE,uBAJP;IAKJC,UAAU,EAAE,uBALR;IAMJC,WAAW,EAAE,uBANT;IAOJ,oBAAoB;MAClBJ,YAAY,EAAG,aAAYT,KAAK,CAACO,OAAN,CAAcO,KAAM;IAD7B;EAPhB,CAJmB;EAezBC,eAAe,EAAE;IACfC,WAAW,EAAEhB,KAAK,CAACG,SAAN,CAAgB,IAAhB;EADE,CAfQ;EAkBzBc,UAAU,EAAE,EAlBa;EAmBzBC,qBAAqB,EAAE;IACrBC,OAAO,EAAE,MADY;IAErBC,UAAU,EAAE,QAFS;IAGrBC,KAAK,EAAErB,KAAK,CAACsB,EAAN,CAASf,OAAT,CAAiBgB,QAAjB,CAA0BC;EAHZ,CAnBE;EAwBzBC,oBAAoB,EAAE;IACpBnB,eAAe,EAAEN,KAAK,CAACsB,EAAN,CAASf,OAAT,CAAiBgB,QAAjB,CAA0BC,KADvB;IAEpBE,MAAM,EAAE,CAFY;IAGpBrB,SAAS,EAAE,CAAC;EAHQ,CAxBG;EA6BzBsB,OAAO,EAAE,EA7BgB;EA8BzBC,KAAK;IACHC,MAAM,EAAE,MADL;IAEHvB,eAAe,EAAE,aAFd;IAGHwB,OAAO,EAAG,OAAM9B,KAAK,CAACG,SAAN,CAAgB,IAAhB,CAAsB,EAHnC;IAIH4B,UAAU,EAAE/B,KAAK,CAACsB,EAAN,CAASU,UAAT,CAAoBD;EAJ7B,GAKA/B,KAAK,CAACsB,EAAN,CAASU,UAAT,CAAoBC,OALpB;IAMHC,KAAK,EAAE,MANJ;IAOH,kBAAkB;MAChBb,KAAK,EAAErB,KAAK,CAACO,OAAN,CAAc4B;IADL,CAPf;IAUH,sEAAsE;MACpE,uBAAuB,MAD6C;MAEpEhB,OAAO,EAAE;IAF2D,CAVnE;IAcH,WAAW;MACTiB,OAAO,EAAE;IADA,CAdR;IAiBH,qCACKtC,aADL;EAjBG;AA9BoB,CAAZ,CAAf;;AAqDA,eAAeC,MAAf"}
+{"version":3,"file":"styles.js","names":["outlineStyles","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"],"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,SAASA,aAAa,QAAQ,oBAAoB;AAElD,MAAMC,MAAM,GAAIC,KAAK,KAAM;EACzBC,UAAU,EAAE;IACVC,aAAa,EAAEF,KAAK,CAACG,SAAS,CAAC,IAAI;EACrC,CAAC;EACDC,IAAI,EAAE;IACJC,SAAS,EAAEL,KAAK,CAACG,SAAS,CAAC,IAAI,CAAC;IAChCG,eAAe,EAAEN,KAAK,CAACO,OAAO,CAACC,KAAK;IACpCC,YAAY,EAAG,aAAYT,KAAK,CAACO,OAAO,CAACG,KAAM,EAAC;IAChDC,SAAS,EAAE,uBAAuB;IAClCC,UAAU,EAAE,uBAAuB;IACnCC,WAAW,EAAE,uBAAuB;IACpC,kBAAkB,EAAE;MAClBJ,YAAY,EAAG,aAAYT,KAAK,CAACO,OAAO,CAACO,KAAM;IACjD;EACF,CAAC;EACDC,eAAe,EAAE;IACfC,WAAW,EAAEhB,KAAK,CAACG,SAAS,CAAC,IAAI;EACnC,CAAC;EACDc,UAAU,EAAE,CAAC,CAAC;EACdC,qBAAqB,EAAE;IACrBC,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE,QAAQ;IACpBC,KAAK,EAAErB,KAAK,CAACsB,EAAE,CAACf,OAAO,CAACgB,QAAQ,CAACC;EACnC,CAAC;EACDC,oBAAoB,EAAE;IACpBnB,eAAe,EAAEN,KAAK,CAACsB,EAAE,CAACf,OAAO,CAACgB,QAAQ,CAACC,KAAK;IAChDE,MAAM,EAAE,CAAC;IACTrB,SAAS,EAAE,CAAC;EACd,CAAC;EACDsB,OAAO,EAAE,CAAC,CAAC;EACXC,KAAK;IACHC,MAAM,EAAE,MAAM;IACdvB,eAAe,EAAE,aAAa;IAC9BwB,OAAO,EAAG,OAAM9B,KAAK,CAACG,SAAS,CAAC,IAAI,CAAE,EAAC;IACvC4B,UAAU,EAAE/B,KAAK,CAACsB,EAAE,CAACU,UAAU,CAACD;EAAU,GACvC/B,KAAK,CAACsB,EAAE,CAACU,UAAU,CAACC,OAAO;IAC9BC,KAAK,EAAE,MAAM;IACb,gBAAgB,EAAE;MAChBb,KAAK,EAAErB,KAAK,CAACO,OAAO,CAAC4B;IACvB,CAAC;IACD,oEAAoE,EAAE;MACpE,qBAAqB,EAAE,MAAM;MAC7BhB,OAAO,EAAE;IACX,CAAC;IACD,SAAS,EAAE;MACTiB,OAAO,EAAE;IACX,CAAC;IACD,iBAAiB,oBACZtC,aAAa;EACjB;AAEL,CAAC,CAAC;AAEF,eAAeC,MAAM"}

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

@@ -1,11 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _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) { _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 React from "react";
 import PropTypes from "prop-types";
 import { withStyles } from "@mui/styles";
@@ -16,19 +13,17 @@ import { NAV_OPTIONS, VIEW_MODE, REPRESENTATION_VALUES } from "../../enums";
 import styles from "./styles";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const HvComposedNavigation = _ref => {
   let {
-    classes,
-    id,
-    locale,
-    onChange,
-    onViewModeChange,
-    visibleYear,
-    visibleMonth
-  } = _ref,
-      others = _objectWithoutProperties(_ref, _excluded);
-
+      classes,
+      id,
+      locale,
+      onChange,
+      onViewModeChange,
+      visibleYear,
+      visibleMonth
+    } = _ref,
+    others = _objectWithoutProperties(_ref, _excluded);
   const listMonthNamesLong = getMonthNamesList(locale, REPRESENTATION_VALUES.LONG);
   const monthName = listMonthNamesLong[visibleMonth - 1];
   return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
@@ -62,38 +57,31 @@ const HvComposedNavigation = _ref => {
     })]
   }));
 };
-
 process.env.NODE_ENV !== "production" ? HvComposedNavigation.propTypes = {
   /**
    * A Jss Object used to override or extend the component styles.
    */
   classes: PropTypes.instanceOf(Object).isRequired,
-
   /**
    * Identifier.
    */
   id: PropTypes.string,
-
   /**
    * Locale to be used by the calendar.
    */
   locale: PropTypes.string,
-
   /**
    * Callback to define the input date.
    */
   onChange: PropTypes.func,
-
   /**
    * Callback to define the input date.
    */
   onViewModeChange: PropTypes.func,
-
   /**
    * Controls the visible month of the Calendar
    */
   visibleMonth: PropTypes.number,
-
   /**
    * Controls the visible month of the Calendar
    */

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

@@ -1 +1 @@
-{"version":3,"file":"ComposedNavigation.js","names":["React","PropTypes","withStyles","Navigation","setId","getMonthNamesList","NAV_OPTIONS","VIEW_MODE","REPRESENTATION_VALUES","styles","HvComposedNavigation","classes","id","locale","onChange","onViewModeChange","visibleYear","visibleMonth","others","listMonthNamesLong","LONG","monthName","navigationContainer","navigationMonth","event","PREVIOUS_MONTH","NEXT_MONTH","MONTHLY","toString","PREVIOUS_YEAR","NEXT_YEAR","propTypes","instanceOf","Object","isRequired","string","func","number","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":"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"}
+{"version":3,"file":"ComposedNavigation.js","names":["React","PropTypes","withStyles","Navigation","setId","getMonthNamesList","NAV_OPTIONS","VIEW_MODE","REPRESENTATION_VALUES","styles","HvComposedNavigation","classes","id","locale","onChange","onViewModeChange","visibleYear","visibleMonth","others","listMonthNamesLong","LONG","monthName","navigationContainer","navigationMonth","event","PREVIOUS_MONTH","NEXT_MONTH","MONTHLY","toString","PREVIOUS_YEAR","NEXT_YEAR","propTypes","instanceOf","Object","isRequired","string","func","number","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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,UAAU,MAAM,eAAe;AACtC,SAASC,KAAK,QAAQ,gBAAgB;AACtC,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,WAAW,EAAEC,SAAS,EAAEC,qBAAqB,QAAQ,aAAa;AAC3E,OAAOC,MAAM,MAAM,UAAU;AAAC;AAAA;AAE9B,MAAMC,oBAAoB,GAAG,QASvB;EAAA,IATwB;MAC5BC,OAAO;MACPC,EAAE;MACFC,MAAM;MACNC,QAAQ;MACRC,gBAAgB;MAChBC,WAAW;MACXC;IAEF,CAAC;IADIC,MAAM;EAET,MAAMC,kBAAkB,GAAGd,iBAAiB,CAACQ,MAAM,EAAEL,qBAAqB,CAACY,IAAI,CAAC;EAChF,MAAMC,SAAS,GAAGF,kBAAkB,CAACF,YAAY,GAAG,CAAC,CAAC;EAEtD,oBACE;IAAK,SAAS,EAAEN,OAAO,CAACW;EAAoB,GAAKJ,MAAM;IAAA,wBACrD;MAAK,SAAS,EAAEP,OAAO,CAACY,eAAgB;MAAA,uBACtC,KAAC,UAAU;QACT,EAAE,EAAEnB,KAAK,CAACQ,EAAE,EAAE,kBAAkB,CAAE;QAClC,cAAc,EAAES,SAAU;QAC1B,kBAAkB,EAAGG,KAAK,IAAK;UAC7BV,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGU,KAAK,EAAElB,WAAW,CAACmB,cAAc,CAAC;QAC/C,CAAE;QACF,cAAc,EAAGD,KAAK,IAAK;UACzBV,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGU,KAAK,EAAElB,WAAW,CAACoB,UAAU,CAAC;QAC3C,CAAE;QACF,WAAW,EAAE,MAAM;UACjBX,gBAAgB,CAACR,SAAS,CAACoB,OAAO,CAAC;QACrC,CAAE;QACF,SAAS,EAAEhB,OAAO,CAACY;MAAgB;IACnC,EACE,eAEN,KAAC,UAAU;MACT,EAAE,EAAEnB,KAAK,CAACQ,EAAE,EAAE,iBAAiB,CAAE;MACjC,cAAc,EAAEI,WAAW,CAACY,QAAQ,EAAG;MACvC,kBAAkB,EAAGJ,KAAK,IAAK;QAC7BV,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGU,KAAK,EAAElB,WAAW,CAACuB,aAAa,CAAC;MAC9C,CAAE;MACF,cAAc,EAAGL,KAAK,IAAK;QACzBV,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGU,KAAK,EAAElB,WAAW,CAACwB,SAAS,CAAC;MAC1C;IAAE,EACF;EAAA,GACE;AAEV,CAAC;AAED,wCAAApB,oBAAoB,CAACqB,SAAS,GAAG;EAC/B;AACF;AACA;EACEpB,OAAO,EAAEV,SAAS,CAAC+B,UAAU,CAACC,MAAM,CAAC,CAACC,UAAU;EAChD;AACF;AACA;EACEtB,EAAE,EAAEX,SAAS,CAACkC,MAAM;EACpB;AACF;AACA;EACEtB,MAAM,EAAEZ,SAAS,CAACkC,MAAM;EACxB;AACF;AACA;EACErB,QAAQ,EAAEb,SAAS,CAACmC,IAAI;EACxB;AACF;AACA;EACErB,gBAAgB,EAAEd,SAAS,CAACmC,IAAI;EAChC;AACF;AACA;EACEnB,YAAY,EAAEhB,SAAS,CAACoC,MAAM;EAC9B;AACF;AACA;EACErB,WAAW,EAAEf,SAAS,CAACoC;AACzB,CAAC;AAED,eAAenC,UAAU,CAACO,MAAM,EAAE;EAAE6B,IAAI,EAAE;AAAuB,CAAC,CAAC,CAAC5B,oBAAoB,CAAC"}

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

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

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

@@ -8,6 +8,5 @@ const styles = theme => ({
     minWidth: "160px"
   }
 });
-
 export default styles;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","navigationContainer","display","justifyContent","padding","hvSpacing","navigationMonth","minWidth"],"sources":["../../../../../src/Calendar/CalendarNavigation/ComposedNavigation/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  navigationContainer: {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    padding: theme.hvSpacing(\"xs\", 0),\n  },\n  navigationMonth: {\n    minWidth: \"160px\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,mBAAmB,EAAE;IACnBC,OAAO,EAAE,MADU;IAEnBC,cAAc,EAAE,eAFG;IAGnBC,OAAO,EAAEJ,KAAK,CAACK,SAAN,CAAgB,IAAhB,EAAsB,CAAtB;EAHU,CADI;EAMzBC,eAAe,EAAE;IACfC,QAAQ,EAAE;EADK;AANQ,CAAZ,CAAf;;AAWA,eAAeR,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","theme","navigationContainer","display","justifyContent","padding","hvSpacing","navigationMonth","minWidth"],"sources":["../../../../../src/Calendar/CalendarNavigation/ComposedNavigation/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  navigationContainer: {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    padding: theme.hvSpacing(\"xs\", 0),\n  },\n  navigationMonth: {\n    minWidth: \"160px\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,mBAAmB,EAAE;IACnBC,OAAO,EAAE,MAAM;IACfC,cAAc,EAAE,eAAe;IAC/BC,OAAO,EAAEJ,KAAK,CAACK,SAAS,CAAC,IAAI,EAAE,CAAC;EAClC,CAAC;EACDC,eAAe,EAAE;IACfC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEF,eAAeR,MAAM"}

package/dist/modern/Calendar/CalendarNavigation/MonthSelector/MonthSelector.js

@@ -1,11 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["classes", "id", "locale", "onChange", "onViewModeChange", "rangeMode", "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) { _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 React from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
@@ -16,28 +13,24 @@ import { NAV_OPTIONS, VIEW_MODE, REPRESENTATION_VALUES } from "../../enums";
 import { HvTypography } from "../../..";
 import styles from "./styles";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const HvMonthSelector = _ref => {
   let {
-    classes,
-    id,
-    locale,
-    onChange,
-    onViewModeChange,
-    rangeMode,
-    visibleMonth
-  } = _ref,
-      others = _objectWithoutProperties(_ref, _excluded);
-
+      classes,
+      id,
+      locale,
+      onChange,
+      onViewModeChange,
+      rangeMode,
+      visibleMonth
+    } = _ref,
+    others = _objectWithoutProperties(_ref, _excluded);
   const listMonthNamesShort = getMonthNamesList(locale, REPRESENTATION_VALUES.SHORT);
-
   const onKeyDownHandler = (event, index) => {
     if (isKeypress(event, KeyboardCodes.Enter)) {
       onChange(event, NAV_OPTIONS.MONTH, index + 1);
       onViewModeChange(VIEW_MODE.CALENDAR);
     }
   };
-
   return /*#__PURE__*/_jsx("div", {
     className: clsx(classes.calendarMonthlyGrid, rangeMode ? classes.rangeModeWidth : classes.normalWidth),
     children: listMonthNamesShort.map((monthName, index) => /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
@@ -58,38 +51,31 @@ const HvMonthSelector = _ref => {
     }), monthName))
   });
 };
-
 process.env.NODE_ENV !== "production" ? HvMonthSelector.propTypes = {
   /**
    * A Jss Object used to override or extend the component styles.
    */
   classes: PropTypes.instanceOf(Object).isRequired,
-
   /**
    * Identifier.
    */
   id: PropTypes.string,
-
   /**
    * Locale to be used by the calendar.
    */
   locale: PropTypes.string,
-
   /**
    * Callback to define the input date.
    */
   onChange: PropTypes.func,
-
   /**
    * Callback to define the input date.
    */
   onViewModeChange: PropTypes.func,
-
   /**
    * Controls the visible month of the Calendar
    */
   visibleMonth: PropTypes.number,
-
   /**
    * Controls the visible month of the Calendar
    */