@hitachivantara/uikit-react-core 3.74.0 → 4.0.1-next.2

package/dist/legacy/Calendar/CalendarHeader/CalendarHeader.js

@@ -1,10 +1,22 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 
 var _Info;
 
 var _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 React, { useState, useEffect, useContext } from "react";
 import PropTypes from "prop-types";
 import { Info } from "@hitachivantara/uikit-react-icons";
@@ -14,12 +26,15 @@ import localizedFormat from "dayjs/plugin/localizedFormat";
 import customParseFormat from "dayjs/plugin/customParseFormat";
 import clsx from "clsx";
 import isNil from "lodash/isNil";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { setId, isKeypress, KeyboardCodes } from "../../utils";
 import HvTypography from "../../Typography";
 import styles from "./styles";
 import { HvFormElementContext, HvFormElementValueContext, HvFormElementDescriptorsContext } from "../../Forms/FormElement";
 import { isRange, isSameDay, formatDMY } from "../utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 dayjs.extend(localeData);
 dayjs.extend(localizedFormat);
 dayjs.extend(customParseFormat);
@@ -152,40 +167,47 @@ var HvCalendarHeader = function HvCalendarHeader(_ref) {
     setEditedValue(event.target.value);
   };
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    id: localId,
-    className: clsx(classes.root, !isValidValue && inputValue !== "" && classes.invalid)
-  }, /*#__PURE__*/React.createElement(HvTypography, {
-    variant: "normalText",
-    className: classes.headerDayOfWeek
-  }, weekdayDisplay || "\xA0"), /*#__PURE__*/React.createElement("div", {
-    className: classes.headerDate
-  }, /*#__PURE__*/React.createElement("input", _extends({
-    type: "text",
-    id: setId(localId, "header-input"),
-    placeholder: localeFormat,
-    value: inputValue,
-    className: classes.input,
-    onBlur: onBlurHandler,
-    onFocus: onFocusHandler,
-    onChange: onChangeHandler,
-    onKeyDown: keyDownHandler,
-    "aria-labelledby": label === null || label === void 0 ? void 0 : (_label$ = label[0]) === null || _label$ === void 0 ? void 0 : _label$.id
-  }, others)))), !isValidValue && inputValue !== "" && /*#__PURE__*/React.createElement("div", {
-    role: "presentation",
-    className: classes.inputBorderContainer
-  }), /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: 32
-    }
-  }, !isValidValue && inputValue !== "" && /*#__PURE__*/React.createElement(HvTypography, {
-    component: "span",
-    variant: "normalText",
-    className: classes.invalidMessageStyling
-  }, _Info || (_Info = /*#__PURE__*/React.createElement(Info, {
-    color: "acce3",
-    iconSize: "S"
-  })), "Invalid date")));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs("div", {
+      id: localId,
+      className: clsx(classes.root, !isValidValue && inputValue !== "" && classes.invalid),
+      children: [/*#__PURE__*/_jsx(HvTypography, {
+        variant: "normalText",
+        className: classes.headerDayOfWeek,
+        children: weekdayDisplay || "\xA0"
+      }), /*#__PURE__*/_jsx("div", {
+        className: classes.headerDate,
+        children: /*#__PURE__*/_jsx("input", _objectSpread({
+          type: "text",
+          id: setId(localId, "header-input"),
+          placeholder: localeFormat,
+          value: inputValue,
+          className: classes.input,
+          onBlur: onBlurHandler,
+          onFocus: onFocusHandler,
+          onChange: onChangeHandler,
+          onKeyDown: keyDownHandler,
+          "aria-labelledby": label === null || label === void 0 ? void 0 : (_label$ = label[0]) === null || _label$ === void 0 ? void 0 : _label$.id
+        }, others))
+      })]
+    }), !isValidValue && inputValue !== "" && /*#__PURE__*/_jsx("div", {
+      role: "presentation",
+      className: classes.inputBorderContainer
+    }), /*#__PURE__*/_jsx("div", {
+      style: {
+        height: 32
+      },
+      children: !isValidValue && inputValue !== "" && /*#__PURE__*/_jsxs(HvTypography, {
+        component: "span",
+        variant: "normalText",
+        className: classes.invalidMessageStyling,
+        children: [_Info || (_Info = /*#__PURE__*/_jsx(Info, {
+          color: "acce3",
+          iconSize: "S"
+        })), "Invalid date"]
+      })
+    })]
+  });
 }; // TODO: refactor this out
 
 

package/dist/legacy/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","length","isValid","isValidValue","setIsValidValue","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 \"@material-ui/core\";\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","length","isValid","isValidValue","setIsValidValue","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/legacy/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.js

@@ -1,16 +1,29 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 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) { _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/es.object.to-string.js";
 import "core-js/modules/es.regexp.to-string.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
 import React from "react";
 import PropTypes from "prop-types";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import Navigation from "../Navigation";
 import { setId } from "../../../utils";
 import { getMonthNamesList } from "../../utils";
 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";
 
 var HvComposedNavigation = function HvComposedNavigation(_ref) {
   var classes = _ref.classes,
@@ -24,32 +37,35 @@ var HvComposedNavigation = function HvComposedNavigation(_ref) {
 
   var listMonthNamesLong = getMonthNamesList(locale, REPRESENTATION_VALUES.LONG);
   var monthName = listMonthNamesLong[visibleMonth - 1];
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
     className: classes.navigationContainer
-  }, others), /*#__PURE__*/React.createElement("div", {
-    className: classes.navigationMonth
-  }, /*#__PURE__*/React.createElement(Navigation, {
-    id: setId(id, "navigation-month"),
-    navigationText: monthName,
-    onNavigatePrevious: function onNavigatePrevious(event) {
-      onChange === null || onChange === void 0 ? void 0 : onChange(event, NAV_OPTIONS.PREVIOUS_MONTH);
-    },
-    onNavigateNext: function onNavigateNext(event) {
-      onChange === null || onChange === void 0 ? void 0 : onChange(event, NAV_OPTIONS.NEXT_MONTH);
-    },
-    onTextClick: function onTextClick() {
-      onViewModeChange(VIEW_MODE.MONTHLY);
-    },
-    className: classes.navigationMonth
-  })), /*#__PURE__*/React.createElement(Navigation, {
-    id: setId(id, "navigation-year"),
-    navigationText: visibleYear.toString(),
-    onNavigatePrevious: function onNavigatePrevious(event) {
-      onChange === null || onChange === void 0 ? void 0 : onChange(event, NAV_OPTIONS.PREVIOUS_YEAR);
-    },
-    onNavigateNext: function onNavigateNext(event) {
-      onChange === null || onChange === void 0 ? void 0 : onChange(event, NAV_OPTIONS.NEXT_YEAR);
-    }
+  }, others), {}, {
+    children: [/*#__PURE__*/_jsx("div", {
+      className: classes.navigationMonth,
+      children: /*#__PURE__*/_jsx(Navigation, {
+        id: setId(id, "navigation-month"),
+        navigationText: monthName,
+        onNavigatePrevious: function onNavigatePrevious(event) {
+          onChange === null || onChange === void 0 ? void 0 : onChange(event, NAV_OPTIONS.PREVIOUS_MONTH);
+        },
+        onNavigateNext: function onNavigateNext(event) {
+          onChange === null || onChange === void 0 ? void 0 : onChange(event, NAV_OPTIONS.NEXT_MONTH);
+        },
+        onTextClick: function onTextClick() {
+          onViewModeChange(VIEW_MODE.MONTHLY);
+        },
+        className: classes.navigationMonth
+      })
+    }), /*#__PURE__*/_jsx(Navigation, {
+      id: setId(id, "navigation-year"),
+      navigationText: visibleYear.toString(),
+      onNavigatePrevious: function onNavigatePrevious(event) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(event, NAV_OPTIONS.PREVIOUS_YEAR);
+      },
+      onNavigateNext: function onNavigateNext(event) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(event, NAV_OPTIONS.NEXT_YEAR);
+      }
+    })]
   }));
 };
 

package/dist/legacy/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 \"@material-ui/core\";\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,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,UAAP,MAAuB,eAAvB;AACA,SAASC,KAAT,QAAsB,gBAAtB;AACA,SAASC,iBAAT,QAAkC,aAAlC;AACA,SAASC,WAAT,EAAsBC,SAAtB,EAAiCC,qBAAjC,QAA8D,aAA9D;AACA,OAAOC,MAAP,MAAmB,UAAnB;;;;AAEA,IAAMC,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,GAAGd,iBAAiB,CAACQ,MAAD,EAASL,qBAAqB,CAACY,IAA/B,CAA5C;EACA,IAAMC,SAAS,GAAGF,kBAAkB,CAACF,YAAY,GAAG,CAAhB,CAApC;EAEA,oBACE;IAAK,SAAS,EAAEN,OAAO,CAACW;EAAxB,GAAiDJ,MAAjD;IAAA,wBACE;MAAK,SAAS,EAAEP,OAAO,CAACY,eAAxB;MAAA,uBACE,KAAC,UAAD;QACE,EAAE,EAAEnB,KAAK,CAACQ,EAAD,EAAK,kBAAL,CADX;QAEE,cAAc,EAAES,SAFlB;QAGE,kBAAkB,EAAE,4BAACG,KAAD,EAAW;UAC7BV,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGU,KAAH,EAAUlB,WAAW,CAACmB,cAAtB,CAAR;QACD,CALH;QAME,cAAc,EAAE,wBAACD,KAAD,EAAW;UACzBV,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGU,KAAH,EAAUlB,WAAW,CAACoB,UAAtB,CAAR;QACD,CARH;QASE,WAAW,EAAE,uBAAM;UACjBX,gBAAgB,CAACR,SAAS,CAACoB,OAAX,CAAhB;QACD,CAXH;QAYE,SAAS,EAAEhB,OAAO,CAACY;MAZrB;IADF,EADF,eAkBE,KAAC,UAAD;MACE,EAAE,EAAEnB,KAAK,CAACQ,EAAD,EAAK,iBAAL,CADX;MAEE,cAAc,EAAEI,WAAW,CAACY,QAAZ,EAFlB;MAGE,kBAAkB,EAAE,4BAACJ,KAAD,EAAW;QAC7BV,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGU,KAAH,EAAUlB,WAAW,CAACuB,aAAtB,CAAR;MACD,CALH;MAME,cAAc,EAAE,wBAACL,KAAD,EAAW;QACzBV,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGU,KAAH,EAAUlB,WAAW,CAACwB,SAAtB,CAAR;MACD;IARH,EAlBF;EAAA,GADF;AA+BD,CA5CD;;AA8CA,wCAAApB,oBAAoB,CAACqB,SAArB,GAAiC;EAC/B;AACF;AACA;EACEpB,OAAO,EAAEV,SAAS,CAAC+B,UAAV,CAAqBC,MAArB,EAA6BC,UAJP;;EAK/B;AACF;AACA;EACEtB,EAAE,EAAEX,SAAS,CAACkC,MARiB;;EAS/B;AACF;AACA;EACEtB,MAAM,EAAEZ,SAAS,CAACkC,MAZa;;EAa/B;AACF;AACA;EACErB,QAAQ,EAAEb,SAAS,CAACmC,IAhBW;;EAiB/B;AACF;AACA;EACErB,gBAAgB,EAAEd,SAAS,CAACmC,IApBG;;EAqB/B;AACF;AACA;EACEnB,YAAY,EAAEhB,SAAS,CAACoC,MAxBO;;EAyB/B;AACF;AACA;EACErB,WAAW,EAAEf,SAAS,CAACoC;AA5BQ,CAAjC;AA+BA,eAAenC,UAAU,CAACO,MAAD,EAAS;EAAE6B,IAAI,EAAE;AAAR,CAAT,CAAV,CAAqD5B,oBAArD,CAAf"}

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

@@ -1,16 +1,29 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _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 "core-js/modules/es.array.map.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
 import React from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { isKeypress, KeyboardCodes } from "../../../utils";
 import { getMonthNamesList } from "../../utils";
 import { NAV_OPTIONS, VIEW_MODE, REPRESENTATION_VALUES } from "../../enums";
 import { HvTypography } from "../../..";
 import styles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
 
 var HvMonthSelector = function HvMonthSelector(_ref) {
   var classes = _ref.classes,
@@ -31,26 +44,29 @@ var HvMonthSelector = function HvMonthSelector(_ref) {
     }
   };
 
-  return /*#__PURE__*/React.createElement("div", {
-    className: clsx(classes.calendarMonthlyGrid, rangeMode ? classes.rangeModeWidth : classes.normalWidth)
-  }, listMonthNamesShort.map(function (monthName, index) {
-    return /*#__PURE__*/React.createElement("div", _extends({
-      className: classes.focusSelection,
-      key: monthName,
-      role: "button",
-      onClick: function onClick(event) {
-        onChange(event, NAV_OPTIONS.MONTH, index + 1);
-        onViewModeChange(VIEW_MODE.CALENDAR);
-      },
-      onKeyDown: function onKeyDown(event) {
-        return onKeyDownHandler(event, index);
-      },
-      tabIndex: 0
-    }, others), /*#__PURE__*/React.createElement(HvTypography, {
-      variant: "normalText",
-      className: clsx(classes.calendarMonthlyCell, index + 1 === visibleMonth && classes.calendarMonthlyCellSelected)
-    }, monthName));
-  }));
+  return /*#__PURE__*/_jsx("div", {
+    className: clsx(classes.calendarMonthlyGrid, rangeMode ? classes.rangeModeWidth : classes.normalWidth),
+    children: listMonthNamesShort.map(function (monthName, index) {
+      return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+        className: classes.focusSelection,
+        role: "button",
+        onClick: function onClick(event) {
+          onChange(event, NAV_OPTIONS.MONTH, index + 1);
+          onViewModeChange(VIEW_MODE.CALENDAR);
+        },
+        onKeyDown: function onKeyDown(event) {
+          return onKeyDownHandler(event, index);
+        },
+        tabIndex: 0
+      }, others), {}, {
+        children: /*#__PURE__*/_jsx(HvTypography, {
+          variant: "normalText",
+          className: clsx(classes.calendarMonthlyCell, index + 1 === visibleMonth && classes.calendarMonthlyCellSelected),
+          children: monthName
+        })
+      }), monthName);
+    })
+  });
 };
 
 process.env.NODE_ENV !== "production" ? HvMonthSelector.propTypes = {

package/dist/legacy/Calendar/CalendarNavigation/MonthSelector/MonthSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthSelector.js","names":["React","PropTypes","clsx","withStyles","isKeypress","KeyboardCodes","getMonthNamesList","NAV_OPTIONS","VIEW_MODE","REPRESENTATION_VALUES","HvTypography","styles","HvMonthSelector","classes","id","locale","onChange","onViewModeChange","rangeMode","visibleMonth","others","listMonthNamesShort","SHORT","onKeyDownHandler","event","index","Enter","MONTH","CALENDAR","calendarMonthlyGrid","rangeModeWidth","normalWidth","map","monthName","focusSelection","calendarMonthlyCell","calendarMonthlyCellSelected","propTypes","instanceOf","Object","isRequired","string","func","number","visibleYear","bool","name"],"sources":["../../../../../src/Calendar/CalendarNavigation/MonthSelector/MonthSelector.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { isKeypress, KeyboardCodes } from \"../../../utils\";\nimport { getMonthNamesList } from \"../../utils\";\nimport { NAV_OPTIONS, VIEW_MODE, REPRESENTATION_VALUES } from \"../../enums\";\nimport { HvTypography } from \"../../..\";\nimport styles from \"./styles\";\n\nconst HvMonthSelector = ({\n  classes,\n  id,\n  locale,\n  onChange,\n  onViewModeChange,\n  rangeMode,\n  visibleMonth,\n  ...others\n}) => {\n  const listMonthNamesShort = getMonthNamesList(locale, REPRESENTATION_VALUES.SHORT);\n  const onKeyDownHandler = (event, index) => {\n    if (isKeypress(event, KeyboardCodes.Enter)) {\n      onChange(event, NAV_OPTIONS.MONTH, index + 1);\n      onViewModeChange(VIEW_MODE.CALENDAR);\n    }\n  };\n  return (\n    <div\n      className={clsx(classes.calendarMonthlyGrid, {\n        [classes.rangeModeWidth]: rangeMode,\n        [classes.normalWidth]: !rangeMode,\n      })}\n    >\n      {listMonthNamesShort.map((monthName, index) => (\n        <div\n          className={classes.focusSelection}\n          key={monthName}\n          role=\"button\"\n          onClick={(event) => {\n            onChange(event, NAV_OPTIONS.MONTH, index + 1);\n            onViewModeChange(VIEW_MODE.CALENDAR);\n          }}\n          onKeyDown={(event) => onKeyDownHandler(event, index)}\n          tabIndex={0}\n          {...others}\n        >\n          <HvTypography\n            variant=\"normalText\"\n            className={clsx(classes.calendarMonthlyCell, {\n              [classes.calendarMonthlyCellSelected]: index + 1 === visibleMonth,\n            })}\n          >\n            {monthName}\n          </HvTypography>\n        </div>\n      ))}\n    </div>\n  );\n};\n\nHvMonthSelector.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  rangeMode: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvMonthSelector\" })(HvMonthSelector);\n"],"mappings":"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"}
+{"version":3,"file":"MonthSelector.js","names":["React","PropTypes","clsx","withStyles","isKeypress","KeyboardCodes","getMonthNamesList","NAV_OPTIONS","VIEW_MODE","REPRESENTATION_VALUES","HvTypography","styles","HvMonthSelector","classes","id","locale","onChange","onViewModeChange","rangeMode","visibleMonth","others","listMonthNamesShort","SHORT","onKeyDownHandler","event","index","Enter","MONTH","CALENDAR","calendarMonthlyGrid","rangeModeWidth","normalWidth","map","monthName","focusSelection","calendarMonthlyCell","calendarMonthlyCellSelected","propTypes","instanceOf","Object","isRequired","string","func","number","visibleYear","bool","name"],"sources":["../../../../../src/Calendar/CalendarNavigation/MonthSelector/MonthSelector.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { isKeypress, KeyboardCodes } from \"../../../utils\";\nimport { getMonthNamesList } from \"../../utils\";\nimport { NAV_OPTIONS, VIEW_MODE, REPRESENTATION_VALUES } from \"../../enums\";\nimport { HvTypography } from \"../../..\";\nimport styles from \"./styles\";\n\nconst HvMonthSelector = ({\n  classes,\n  id,\n  locale,\n  onChange,\n  onViewModeChange,\n  rangeMode,\n  visibleMonth,\n  ...others\n}) => {\n  const listMonthNamesShort = getMonthNamesList(locale, REPRESENTATION_VALUES.SHORT);\n  const onKeyDownHandler = (event, index) => {\n    if (isKeypress(event, KeyboardCodes.Enter)) {\n      onChange(event, NAV_OPTIONS.MONTH, index + 1);\n      onViewModeChange(VIEW_MODE.CALENDAR);\n    }\n  };\n  return (\n    <div\n      className={clsx(classes.calendarMonthlyGrid, {\n        [classes.rangeModeWidth]: rangeMode,\n        [classes.normalWidth]: !rangeMode,\n      })}\n    >\n      {listMonthNamesShort.map((monthName, index) => (\n        <div\n          className={classes.focusSelection}\n          key={monthName}\n          role=\"button\"\n          onClick={(event) => {\n            onChange(event, NAV_OPTIONS.MONTH, index + 1);\n            onViewModeChange(VIEW_MODE.CALENDAR);\n          }}\n          onKeyDown={(event) => onKeyDownHandler(event, index)}\n          tabIndex={0}\n          {...others}\n        >\n          <HvTypography\n            variant=\"normalText\"\n            className={clsx(classes.calendarMonthlyCell, {\n              [classes.calendarMonthlyCellSelected]: index + 1 === visibleMonth,\n            })}\n          >\n            {monthName}\n          </HvTypography>\n        </div>\n      ))}\n    </div>\n  );\n};\n\nHvMonthSelector.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  rangeMode: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvMonthSelector\" })(HvMonthSelector);\n"],"mappings":"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"}

package/dist/legacy/Calendar/CalendarNavigation/Navigation/Navigation.js

@@ -4,11 +4,13 @@ import "core-js/modules/es.array.concat.js";
 import React from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { DropLeftXS as DropLeftIcon, DropRightXS as DropRightIcon } from "@hitachivantara/uikit-react-icons";
 import { isKeypress, KeyboardCodes, setId } from "../../../utils";
 import HvTypography from "../../../Typography";
 import styles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 
 var Navigation = function Navigation(_ref) {
   var id = _ref.id,
@@ -31,40 +33,43 @@ var Navigation = function Navigation(_ref) {
   };
 
   var onTextClickIsFunction = typeof onTextClick === "function";
-  return /*#__PURE__*/React.createElement("div", {
-    className: classes.root
-  }, /*#__PURE__*/React.createElement(DropLeftIcon, {
-    id: setId(id, "left"),
-    className: clsx(classes.icon, !isPreviousEnabled && classes.disabled),
-    onClick: isPreviousEnabled ? function (event) {
-      return onNavigatePrevious(event);
-    } : undefined,
-    onKeyDown: function onKeyDown(event) {
-      return isNextEnabled ? onkeyDownHandler(event, onNavigatePrevious) : undefined;
-    },
-    tabIndex: 0
-  }), /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: clsx(onTextClickIsFunction ? classes.text : classes.textWithoutHover),
-    role: "presentation",
-    onClick: onTextClick,
-    onKeyDown: onTextClick && function (event) {
-      return onkeyDownHandler(event, onTextClick);
-    },
-    tabIndex: onTextClick ? 0 : -1
-  }, /*#__PURE__*/React.createElement(HvTypography, {
-    variant: "normalText"
-  }, navigationText)), /*#__PURE__*/React.createElement(DropRightIcon, {
-    id: setId(id, "right"),
-    className: "".concat(classes.icon, " ").concat(isNextEnabled ? "" : classes.disabled),
-    onClick: isNextEnabled ? function (event) {
-      return onNavigateNext(event);
-    } : undefined,
-    onKeyDown: function onKeyDown(event) {
-      return isNextEnabled ? onkeyDownHandler(event, onNavigateNext) : undefined;
-    },
-    tabIndex: 0
-  }));
+  return /*#__PURE__*/_jsxs("div", {
+    className: classes.root,
+    children: [/*#__PURE__*/_jsx(DropLeftIcon, {
+      id: setId(id, "left"),
+      className: clsx(classes.icon, !isPreviousEnabled && classes.disabled),
+      onClick: isPreviousEnabled ? function (event) {
+        return onNavigatePrevious(event);
+      } : undefined,
+      onKeyDown: function onKeyDown(event) {
+        return isNextEnabled ? onkeyDownHandler(event, onNavigatePrevious) : undefined;
+      },
+      tabIndex: 0
+    }), /*#__PURE__*/_jsx("div", {
+      id: id,
+      className: clsx(onTextClickIsFunction ? classes.text : classes.textWithoutHover),
+      role: "presentation",
+      onClick: onTextClick,
+      onKeyDown: onTextClick && function (event) {
+        return onkeyDownHandler(event, onTextClick);
+      },
+      tabIndex: onTextClick ? 0 : -1,
+      children: /*#__PURE__*/_jsx(HvTypography, {
+        variant: "normalText",
+        children: navigationText
+      })
+    }), /*#__PURE__*/_jsx(DropRightIcon, {
+      id: setId(id, "right"),
+      className: "".concat(classes.icon, " ").concat(isNextEnabled ? "" : classes.disabled),
+      onClick: isNextEnabled ? function (event) {
+        return onNavigateNext(event);
+      } : undefined,
+      onKeyDown: function onKeyDown(event) {
+        return isNextEnabled ? onkeyDownHandler(event, onNavigateNext) : undefined;
+      },
+      tabIndex: 0
+    })]
+  });
 };
 
 process.env.NODE_ENV !== "production" ? Navigation.propTypes = {

package/dist/legacy/Calendar/CalendarNavigation/Navigation/Navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.js","names":["React","PropTypes","clsx","withStyles","DropLeftXS","DropLeftIcon","DropRightXS","DropRightIcon","isKeypress","KeyboardCodes","setId","HvTypography","styles","Navigation","id","classes","onNavigatePrevious","onNavigateNext","onTextClick","navigationText","isPreviousEnabled","isNextEnabled","onkeyDownHandler","event","funcAction","Enter","Space","preventDefault","onTextClickIsFunction","root","icon","disabled","undefined","text","textWithoutHover","propTypes","string","instanceOf","Object","isRequired","func","bool","name"],"sources":["../../../../../src/Calendar/CalendarNavigation/Navigation/Navigation.js"],"sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport {\n  DropLeftXS as DropLeftIcon,\n  DropRightXS as DropRightIcon,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { isKeypress, KeyboardCodes, setId } from \"../../../utils\";\nimport HvTypography from \"../../../Typography\";\nimport styles from \"./styles\";\n\nconst Navigation = ({\n  id,\n  classes,\n  onNavigatePrevious,\n  onNavigateNext,\n  onTextClick,\n  navigationText = \"n/a\",\n  isPreviousEnabled = true,\n  isNextEnabled = true,\n}) => {\n  const onkeyDownHandler = (event, funcAction) => {\n    if (isKeypress(event, KeyboardCodes.Enter) || isKeypress(event, KeyboardCodes.Space)) {\n      event.preventDefault();\n      funcAction(event);\n    }\n  };\n\n  const onTextClickIsFunction = typeof onTextClick === \"function\";\n\n  return (\n    <div className={classes.root}>\n      <DropLeftIcon\n        id={setId(id, \"left\")}\n        className={clsx(classes.icon, {\n          [classes.disabled]: !isPreviousEnabled,\n        })}\n        onClick={isPreviousEnabled ? (event) => onNavigatePrevious(event) : undefined}\n        onKeyDown={(event) =>\n          isNextEnabled ? onkeyDownHandler(event, onNavigatePrevious) : undefined\n        }\n        tabIndex={0}\n      />\n\n      <div\n        id={id}\n        className={clsx({\n          [classes.text]: onTextClickIsFunction,\n          [classes.textWithoutHover]: !onTextClickIsFunction,\n        })}\n        role=\"presentation\"\n        onClick={onTextClick}\n        onKeyDown={onTextClick && ((event) => onkeyDownHandler(event, onTextClick))}\n        tabIndex={onTextClick ? 0 : -1}\n      >\n        <HvTypography variant=\"normalText\">{navigationText}</HvTypography>\n      </div>\n\n      <DropRightIcon\n        id={setId(id, \"right\")}\n        className={`${classes.icon} ${isNextEnabled ? \"\" : classes.disabled}`}\n        onClick={isNextEnabled ? (event) => onNavigateNext(event) : undefined}\n        onKeyDown={(event) => (isNextEnabled ? onkeyDownHandler(event, onNavigateNext) : undefined)}\n        tabIndex={0}\n      />\n    </div>\n  );\n};\n\nNavigation.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * A function to be executed whenever the navigate previous action is triggered.\n   */\n  onNavigatePrevious: PropTypes.func,\n  /**\n   * A function to be executed whenever the navigate next action is triggered.\n   */\n  onNavigateNext: PropTypes.func,\n  /**\n   * A function to be executed whenever the text is clicked.\n   */\n  onTextClick: PropTypes.func,\n  /**\n   * The text that will be shown between the navigation buttons.\n   */\n  navigationText: PropTypes.string,\n  /**\n   * Flag stating if the previous button should be enabled or disabled.\n   */\n  isPreviousEnabled: PropTypes.bool,\n  /**\n   * Flag stating if the next button should be enabled or disabled.\n   */\n  isNextEnabled: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvCalendarNavigation\" })(Navigation);\n"],"mappings":"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"}
+{"version":3,"file":"Navigation.js","names":["React","PropTypes","clsx","withStyles","DropLeftXS","DropLeftIcon","DropRightXS","DropRightIcon","isKeypress","KeyboardCodes","setId","HvTypography","styles","Navigation","id","classes","onNavigatePrevious","onNavigateNext","onTextClick","navigationText","isPreviousEnabled","isNextEnabled","onkeyDownHandler","event","funcAction","Enter","Space","preventDefault","onTextClickIsFunction","root","icon","disabled","undefined","text","textWithoutHover","propTypes","string","instanceOf","Object","isRequired","func","bool","name"],"sources":["../../../../../src/Calendar/CalendarNavigation/Navigation/Navigation.js"],"sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport {\n  DropLeftXS as DropLeftIcon,\n  DropRightXS as DropRightIcon,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { isKeypress, KeyboardCodes, setId } from \"../../../utils\";\nimport HvTypography from \"../../../Typography\";\nimport styles from \"./styles\";\n\nconst Navigation = ({\n  id,\n  classes,\n  onNavigatePrevious,\n  onNavigateNext,\n  onTextClick,\n  navigationText = \"n/a\",\n  isPreviousEnabled = true,\n  isNextEnabled = true,\n}) => {\n  const onkeyDownHandler = (event, funcAction) => {\n    if (isKeypress(event, KeyboardCodes.Enter) || isKeypress(event, KeyboardCodes.Space)) {\n      event.preventDefault();\n      funcAction(event);\n    }\n  };\n\n  const onTextClickIsFunction = typeof onTextClick === \"function\";\n\n  return (\n    <div className={classes.root}>\n      <DropLeftIcon\n        id={setId(id, \"left\")}\n        className={clsx(classes.icon, {\n          [classes.disabled]: !isPreviousEnabled,\n        })}\n        onClick={isPreviousEnabled ? (event) => onNavigatePrevious(event) : undefined}\n        onKeyDown={(event) =>\n          isNextEnabled ? onkeyDownHandler(event, onNavigatePrevious) : undefined\n        }\n        tabIndex={0}\n      />\n\n      <div\n        id={id}\n        className={clsx({\n          [classes.text]: onTextClickIsFunction,\n          [classes.textWithoutHover]: !onTextClickIsFunction,\n        })}\n        role=\"presentation\"\n        onClick={onTextClick}\n        onKeyDown={onTextClick && ((event) => onkeyDownHandler(event, onTextClick))}\n        tabIndex={onTextClick ? 0 : -1}\n      >\n        <HvTypography variant=\"normalText\">{navigationText}</HvTypography>\n      </div>\n\n      <DropRightIcon\n        id={setId(id, \"right\")}\n        className={`${classes.icon} ${isNextEnabled ? \"\" : classes.disabled}`}\n        onClick={isNextEnabled ? (event) => onNavigateNext(event) : undefined}\n        onKeyDown={(event) => (isNextEnabled ? onkeyDownHandler(event, onNavigateNext) : undefined)}\n        tabIndex={0}\n      />\n    </div>\n  );\n};\n\nNavigation.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * A function to be executed whenever the navigate previous action is triggered.\n   */\n  onNavigatePrevious: PropTypes.func,\n  /**\n   * A function to be executed whenever the navigate next action is triggered.\n   */\n  onNavigateNext: PropTypes.func,\n  /**\n   * A function to be executed whenever the text is clicked.\n   */\n  onTextClick: PropTypes.func,\n  /**\n   * The text that will be shown between the navigation buttons.\n   */\n  navigationText: PropTypes.string,\n  /**\n   * Flag stating if the previous button should be enabled or disabled.\n   */\n  isPreviousEnabled: PropTypes.bool,\n  /**\n   * Flag stating if the next button should be enabled or disabled.\n   */\n  isNextEnabled: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvCalendarNavigation\" })(Navigation);\n"],"mappings":"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"}

package/dist/legacy/Calendar/CalendarWeekLabels/CalendarWeekLabels.js

@@ -2,9 +2,10 @@ import "core-js/modules/es.array.map.js";
 import "core-js/modules/es.array.concat.js";
 import React from "react";
 import PropTypes from "prop-types";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { HvTypography } from "../..";
 import styles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
 
 var HvCalendarWeekLabel = function HvCalendarWeekLabel(_ref) {
   var classes = _ref.classes,
@@ -12,11 +13,11 @@ var HvCalendarWeekLabel = function HvCalendarWeekLabel(_ref) {
       labels = _ref$labels === void 0 ? [] : _ref$labels;
   return labels.map(function (dayName, index) {
     var key = "".concat(dayName, "-").concat(index);
-    return /*#__PURE__*/React.createElement(HvTypography, {
+    return /*#__PURE__*/_jsx(HvTypography, {
       variant: "highlightText",
       className: classes.calendarDay,
-      key: key
-    }, dayName);
+      children: dayName
+    }, key);
   });
 };