npm - @hitachivantara/uikit-react-core - Versions diffs - 3.74.0 → 4.0.1-next.2 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2347) hide show

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

	@@ -1 +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 \"@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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"}
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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"}

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

@@ -1,14 +1,21 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+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 "@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";
 const HvComposedNavigation = _ref => {
   let {
@@ -24,32 +31,35 @@ const HvComposedNavigation = _ref => {
   const listMonthNamesLong = getMonthNamesList(locale, REPRESENTATION_VALUES.LONG);
   const 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: event => {
-      onChange === null || onChange === void 0 ? void 0 : onChange(event, NAV_OPTIONS.PREVIOUS_MONTH);
-    },
-    onNavigateNext: event => {
-      onChange === null || onChange === void 0 ? void 0 : onChange(event, NAV_OPTIONS.NEXT_MONTH);
-    },
-    onTextClick: () => {
-      onViewModeChange(VIEW_MODE.MONTHLY);
-    },
-    className: classes.navigationMonth
-  })), /*#__PURE__*/React.createElement(Navigation, {
-    id: setId(id, "navigation-year"),
-    navigationText: visibleYear.toString(),
-    onNavigatePrevious: event => {
-      onChange === null || onChange === void 0 ? void 0 : onChange(event, NAV_OPTIONS.PREVIOUS_YEAR);
-    },
-    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: event => {
+          onChange === null || onChange === void 0 ? void 0 : onChange(event, NAV_OPTIONS.PREVIOUS_MONTH);
+        },
+        onNavigateNext: event => {
+          onChange === null || onChange === void 0 ? void 0 : onChange(event, NAV_OPTIONS.NEXT_MONTH);
+        },
+        onTextClick: () => {
+          onViewModeChange(VIEW_MODE.MONTHLY);
+        },
+        className: classes.navigationMonth
+      })
+    }), /*#__PURE__*/_jsx(Navigation, {
+      id: setId(id, "navigation-year"),
+      navigationText: visibleYear.toString(),
+      onNavigatePrevious: event => {
+        onChange === null || onChange === void 0 ? void 0 : onChange(event, NAV_OPTIONS.PREVIOUS_YEAR);
+      },
+      onNavigateNext: event => {
+        onChange === null || onChange === void 0 ? void 0 : onChange(event, NAV_OPTIONS.NEXT_YEAR);
+      }
+    })]
   }));
 };

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

	@@ -1 +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":"~~;;;~~AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,~~mBAA3B~~;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,MAAMC,oBAAoB,GAAG,QASvB;EAAA,IATwB;IAC5BC,OAD4B;IAE5BC,EAF4B;IAG5BC,MAH4B;IAI5BC,QAJ4B;IAK5BC,gBAL4B;IAM5BC,WAN4B;IAO5BC;EAP4B,CASxB;EAAA,IADDC,MACC;;EACJ,MAAMC,kBAAkB,GAAGd,iBAAiB,CAACQ,MAAD,EAASL,qBAAqB,CAACY,IAA/B,CAA5C;EACA,MAAMC,SAAS,GAAGF,kBAAkB,CAACF,YAAY,GAAG,CAAhB,CAApC;EAEA,oBACE;IAAK,SAAS,EAAEN,OAAO,CAACW;EAAxB,GAAiDJ,MAAjD,~~gBACE~~;~~IAAK~~,SAAS,EAAEP,OAAO,CAACY;~~EAAxB~~,~~gBACE~~,~~oBAAC~~,UAAD;~~IACE~~,EAAE,EAAEnB,KAAK,CAACQ,EAAD,EAAK,kBAAL,CADX;~~IAEE~~,cAAc,EAAES,SAFlB;~~IAGE~~,kBAAkB,EAAGG,KAAD,IAAW;~~MAC7BV~~,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGU,KAAH,EAAUlB,WAAW,CAACmB,cAAtB,CAAR;~~IACD~~,CALH;~~IAME~~,cAAc,EAAGD,KAAD,IAAW;~~MACzBV~~,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGU,KAAH,EAAUlB,WAAW,CAACoB,UAAtB,CAAR;~~IACD~~,CARH;~~IASE~~,WAAW,EAAE,MAAM;~~MACjBX~~,gBAAgB,CAACR,SAAS,CAACoB,OAAX,CAAhB;~~IACD~~,CAXH;~~IAYE~~,SAAS,EAAEhB,OAAO,CAACY;~~EAZrB~~,EADF,~~CADF,~~eAkBE,~~oBAAC~~,UAAD;~~IACE~~,EAAE,EAAEnB,KAAK,CAACQ,EAAD,EAAK,iBAAL,CADX;~~IAEE~~,cAAc,EAAEI,WAAW,CAACY,QAAZ,EAFlB;~~IAGE~~,kBAAkB,EAAGJ,KAAD,IAAW;~~MAC7BV~~,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGU,KAAH,EAAUlB,WAAW,CAACuB,aAAtB,CAAR;~~IACD~~,CALH;~~IAME~~,cAAc,EAAGL,KAAD,IAAW;~~MACzBV~~,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGU,KAAH,EAAUlB,WAAW,CAACwB,SAAtB,CAAR;~~IACD~~;~~EARH~~,EAlBF,~~CADF~~;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"}
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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"}

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

@@ -1,15 +1,21 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+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";
-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";
 const HvMonthSelector = _ref => {
   let {
@@ -32,22 +38,25 @@ const HvMonthSelector = _ref => {
     }
   };
-  return /*#__PURE__*/React.createElement("div", {
-    className: clsx(classes.calendarMonthlyGrid, rangeMode ? classes.rangeModeWidth : classes.normalWidth)
-  }, listMonthNamesShort.map((monthName, index) => /*#__PURE__*/React.createElement("div", _extends({
-    className: classes.focusSelection,
-    key: monthName,
-    role: "button",
-    onClick: event => {
-      onChange(event, NAV_OPTIONS.MONTH, index + 1);
-      onViewModeChange(VIEW_MODE.CALENDAR);
-    },
-    onKeyDown: event => 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((monthName, index) => /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+      className: classes.focusSelection,
+      role: "button",
+      onClick: event => {
+        onChange(event, NAV_OPTIONS.MONTH, index + 1);
+        onViewModeChange(VIEW_MODE.CALENDAR);
+      },
+      onKeyDown: event => 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/modern/Calendar/CalendarNavigation/MonthSelector/MonthSelector.js.map CHANGED Viewed

	@@ -1 +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":"~~;;;~~AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,~~mBAA3B~~;AACA,SAASC,UAAT,EAAqBC,aAArB,QAA0C,gBAA1C;AACA,SAASC,iBAAT,QAAkC,aAAlC;AACA,SAASC,WAAT,EAAsBC,SAAtB,EAAiCC,qBAAjC,QAA8D,aAA9D;AACA,SAASC,YAAT,QAA6B,UAA7B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,eAAe,GAAG,QASlB;EAAA,IATmB;IACvBC,OADuB;IAEvBC,EAFuB;IAGvBC,MAHuB;IAIvBC,QAJuB;IAKvBC,gBALuB;IAMvBC,SANuB;IAOvBC;EAPuB,CASnB;EAAA,IADDC,MACC;;EACJ,MAAMC,mBAAmB,GAAGf,iBAAiB,CAACS,MAAD,EAASN,qBAAqB,CAACa,KAA/B,CAA7C;;EACA,MAAMC,gBAAgB,GAAG,CAACC,KAAD,EAAQC,KAAR,KAAkB;IACzC,IAAIrB,UAAU,CAACoB,KAAD,EAAQnB,aAAa,CAACqB,KAAtB,CAAd,EAA4C;MAC1CV,QAAQ,CAACQ,KAAD,EAAQjB,WAAW,CAACoB,KAApB,EAA2BF,KAAK,GAAG,CAAnC,CAAR;MACAR,gBAAgB,CAACT,SAAS,CAACoB,QAAX,CAAhB;IACD;EACF,CALD;;EAMA,oBACE;IACE,SAAS,EAAE1B,IAAI,CAACW,OAAO,CAACgB,mBAAT,EACaX,SADb,GACZL,OAAO,CAACiB,cADI,GAEZjB,OAAO,CAACkB,WAFI;~~EADjB~~,~~GAMGV~~,mBAAmB,CAACW,GAApB,CAAwB,CAACC,SAAD,EAAYR,KAAZ,kBACvB;~~IACE~~,SAAS,EAAEZ,OAAO,CAACqB,cADrB;~~IAEE~~,~~GAAG,EAAED,SAFP;IAGE,~~IAAI,EAAC,QAHP;~~IAIE~~,OAAO,~~EAAGT~~,KAAD,IAAW;~~MAClBR~~,QAAQ,CAACQ,KAAD,EAAQjB,WAAW,CAACoB,KAApB,EAA2BF,KAAK,GAAG,CAAnC,CAAR;~~MACAR~~,gBAAgB,CAACT,SAAS,CAACoB,QAAX,CAAhB;~~IACD~~,CAPH;~~IAQE~~,SAAS,EAAGJ,KAAD,IAAWD,gBAAgB,CAACC,KAAD,EAAQC,KAAR,CARxC;~~IASE~~,QAAQ,EAAE;~~EATZ~~,GAUML,MAVN,~~gBAYE~~,~~oBAAC~~,YAAD;~~IACE~~,OAAO,EAAC,YADV;~~IAEE~~,SAAS,EAAElB,IAAI,CAACW,OAAO,CAACsB,mBAAT,EAC0BV,KAAK,GAAG,CAAR,KAAcN,YADxC,IACZN,OAAO,CAACuB,2BADI;~~EAFjB~~,~~GAMGH~~,~~SANH~~,~~CAZF~~,CADD,~~CANH,CADF~~;AAgCD,CAjDD;;AAmDA,wCAAArB,eAAe,CAACyB,SAAhB,GAA4B;EAC1B;AACF;AACA;EACExB,OAAO,EAAEZ,SAAS,CAACqC,UAAV,CAAqBC,MAArB,EAA6BC,UAJZ;;EAK1B;AACF;AACA;EACE1B,EAAE,EAAEb,SAAS,CAACwC,MARY;;EAS1B;AACF;AACA;EACE1B,MAAM,EAAEd,SAAS,CAACwC,MAZQ;;EAa1B;AACF;AACA;EACEzB,QAAQ,EAAEf,SAAS,CAACyC,IAhBM;;EAiB1B;AACF;AACA;EACEzB,gBAAgB,EAAEhB,SAAS,CAACyC,IApBF;;EAqB1B;AACF;AACA;EACEvB,YAAY,EAAElB,SAAS,CAAC0C,MAxBE;;EAyB1B;AACF;AACA;EACEC,WAAW,EAAE3C,SAAS,CAAC0C,MA5BG;EA6B1BzB,SAAS,EAAEjB,SAAS,CAAC4C;AA7BK,CAA5B;AAgCA,eAAe1C,UAAU,CAACQ,MAAD,EAAS;EAAEmC,IAAI,EAAE;AAAR,CAAT,CAAV,CAAgDlC,eAAhD,CAAf"}
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 \"@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":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,SAASC,UAAT,EAAqBC,aAArB,QAA0C,gBAA1C;AACA,SAASC,iBAAT,QAAkC,aAAlC;AACA,SAASC,WAAT,EAAsBC,SAAtB,EAAiCC,qBAAjC,QAA8D,aAA9D;AACA,SAASC,YAAT,QAA6B,UAA7B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;;AAEA,MAAMC,eAAe,GAAG,QASlB;EAAA,IATmB;IACvBC,OADuB;IAEvBC,EAFuB;IAGvBC,MAHuB;IAIvBC,QAJuB;IAKvBC,gBALuB;IAMvBC,SANuB;IAOvBC;EAPuB,CASnB;EAAA,IADDC,MACC;;EACJ,MAAMC,mBAAmB,GAAGf,iBAAiB,CAACS,MAAD,EAASN,qBAAqB,CAACa,KAA/B,CAA7C;;EACA,MAAMC,gBAAgB,GAAG,CAACC,KAAD,EAAQC,KAAR,KAAkB;IACzC,IAAIrB,UAAU,CAACoB,KAAD,EAAQnB,aAAa,CAACqB,KAAtB,CAAd,EAA4C;MAC1CV,QAAQ,CAACQ,KAAD,EAAQjB,WAAW,CAACoB,KAApB,EAA2BF,KAAK,GAAG,CAAnC,CAAR;MACAR,gBAAgB,CAACT,SAAS,CAACoB,QAAX,CAAhB;IACD;EACF,CALD;;EAMA,oBACE;IACE,SAAS,EAAE1B,IAAI,CAACW,OAAO,CAACgB,mBAAT,EACaX,SADb,GACZL,OAAO,CAACiB,cADI,GAEZjB,OAAO,CAACkB,WAFI,CADjB;IAAA,UAMGV,mBAAmB,CAACW,GAApB,CAAwB,CAACC,SAAD,EAAYR,KAAZ,kBACvB;MACE,SAAS,EAAEZ,OAAO,CAACqB,cADrB;MAGE,IAAI,EAAC,QAHP;MAIE,OAAO,EAAGV,KAAD,IAAW;QAClBR,QAAQ,CAACQ,KAAD,EAAQjB,WAAW,CAACoB,KAApB,EAA2BF,KAAK,GAAG,CAAnC,CAAR;QACAR,gBAAgB,CAACT,SAAS,CAACoB,QAAX,CAAhB;MACD,CAPH;MAQE,SAAS,EAAGJ,KAAD,IAAWD,gBAAgB,CAACC,KAAD,EAAQC,KAAR,CARxC;MASE,QAAQ,EAAE;IATZ,GAUML,MAVN;MAAA,uBAYE,KAAC,YAAD;QACE,OAAO,EAAC,YADV;QAEE,SAAS,EAAElB,IAAI,CAACW,OAAO,CAACsB,mBAAT,EAC0BV,KAAK,GAAG,CAAR,KAAcN,YADxC,IACZN,OAAO,CAACuB,2BADI,CAFjB;QAAA,UAMGH;MANH;IAZF,IAEOA,SAFP,CADD;EANH,EADF;AAgCD,CAjDD;;AAmDA,wCAAArB,eAAe,CAACyB,SAAhB,GAA4B;EAC1B;AACF;AACA;EACExB,OAAO,EAAEZ,SAAS,CAACqC,UAAV,CAAqBC,MAArB,EAA6BC,UAJZ;;EAK1B;AACF;AACA;EACE1B,EAAE,EAAEb,SAAS,CAACwC,MARY;;EAS1B;AACF;AACA;EACE1B,MAAM,EAAEd,SAAS,CAACwC,MAZQ;;EAa1B;AACF;AACA;EACEzB,QAAQ,EAAEf,SAAS,CAACyC,IAhBM;;EAiB1B;AACF;AACA;EACEzB,gBAAgB,EAAEhB,SAAS,CAACyC,IApBF;;EAqB1B;AACF;AACA;EACEvB,YAAY,EAAElB,SAAS,CAAC0C,MAxBE;;EAyB1B;AACF;AACA;EACEC,WAAW,EAAE3C,SAAS,CAAC0C,MA5BG;EA6B1BzB,SAAS,EAAEjB,SAAS,CAAC4C;AA7BK,CAA5B;AAgCA,eAAe1C,UAAU,CAACQ,MAAD,EAAS;EAAEmC,IAAI,EAAE;AAAR,CAAT,CAAV,CAAgDlC,eAAhD,CAAf"}

package/dist/modern/Calendar/CalendarNavigation/Navigation/Navigation.js CHANGED Viewed

@@ -2,11 +2,13 @@
 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";
 const Navigation = ({
   id,
@@ -26,30 +28,33 @@ const Navigation = ({
   };
   const 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 ? event => onNavigatePrevious(event) : undefined,
-    onKeyDown: event => 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 && (event => onkeyDownHandler(event, onTextClick)),
-    tabIndex: onTextClick ? 0 : -1
-  }, /*#__PURE__*/React.createElement(HvTypography, {
-    variant: "normalText"
-  }, navigationText)), /*#__PURE__*/React.createElement(DropRightIcon, {
-    id: setId(id, "right"),
-    className: `${classes.icon} ${isNextEnabled ? "" : classes.disabled}`,
-    onClick: isNextEnabled ? event => onNavigateNext(event) : undefined,
-    onKeyDown: event => 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 ? event => onNavigatePrevious(event) : undefined,
+      onKeyDown: event => 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 && (event => onkeyDownHandler(event, onTextClick)),
+      tabIndex: onTextClick ? 0 : -1,
+      children: /*#__PURE__*/_jsx(HvTypography, {
+        variant: "normalText",
+        children: navigationText
+      })
+    }), /*#__PURE__*/_jsx(DropRightIcon, {
+      id: setId(id, "right"),
+      className: `${classes.icon} ${isNextEnabled ? "" : classes.disabled}`,
+      onClick: isNextEnabled ? event => onNavigateNext(event) : undefined,
+      onKeyDown: event => isNextEnabled ? onkeyDownHandler(event, onNavigateNext) : undefined,
+      tabIndex: 0
+    })]
+  });
 };
 process.env.NODE_ENV !== "production" ? Navigation.propTypes = {

package/dist/modern/Calendar/CalendarNavigation/Navigation/Navigation.js.map CHANGED Viewed

	@@ -1 +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":"AAAA;AAEA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,~~mBAA3B~~;AACA,SACEC,UAAU,IAAIC,YADhB,EAEEC,WAAW,IAAIC,aAFjB,QAGO,mCAHP;AAIA,SAASC,UAAT,EAAqBC,aAArB,EAAoCC,KAApC,QAAiD,gBAAjD;AACA,OAAOC,YAAP,MAAyB,qBAAzB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,UAAU,GAAG,CAAC;EAClBC,EADkB;EAElBC,OAFkB;EAGlBC,kBAHkB;EAIlBC,cAJkB;EAKlBC,WALkB;EAMlBC,cAAc,GAAG,KANC;EAOlBC,iBAAiB,GAAG,IAPF;EAQlBC,aAAa,GAAG;AARE,CAAD,KASb;EACJ,MAAMC,gBAAgB,GAAG,CAACC,KAAD,EAAQC,UAAR,KAAuB;IAC9C,IAAIhB,UAAU,CAACe,KAAD,EAAQd,aAAa,CAACgB,KAAtB,CAAV,IAA0CjB,UAAU,CAACe,KAAD,EAAQd,aAAa,CAACiB,KAAtB,CAAxD,EAAsF;MACpFH,KAAK,CAACI,cAAN;MACAH,UAAU,CAACD,KAAD,CAAV;IACD;EACF,CALD;;EAOA,MAAMK,qBAAqB,GAAG,OAAOV,WAAP,KAAuB,UAArD;EAEA,oBACE;IAAK,SAAS,EAAEH,OAAO,CAACc;~~EAAxB~~,~~gBACE~~,~~oBAAC~~,YAAD;~~IACE~~,EAAE,EAAEnB,KAAK,CAACI,EAAD,EAAK,MAAL,CADX;~~IAEE~~,SAAS,EAAEZ,IAAI,CAACa,OAAO,CAACe,IAAT,EACO,CAACV,iBADR,IACZL,OAAO,CAACgB,QADI,CAFjB;~~IAKE~~,OAAO,EAAEX,iBAAiB,GAAIG,KAAD,IAAWP,kBAAkB,CAACO,KAAD,CAAhC,GAA0CS,SALtE;~~IAME~~,SAAS,EAAGT,KAAD,IACTF,aAAa,GAAGC,gBAAgB,CAACC,KAAD,EAAQP,kBAAR,CAAnB,GAAiDgB,SAPlE;~~IASE~~,QAAQ,EAAE;~~EATZ~~,EADF,eAaE;~~IACE~~,EAAE,EAAElB,EADN;~~IAEE~~,SAAS,EAAEZ,IAAI,CACG0B,qBADH,GACZb,OAAO,CAACkB,IADI,GAEZlB,OAAO,CAACmB,gBAFI,CAFjB;~~IAME~~,IAAI,EAAC,cANP;~~IAOE~~,OAAO,EAAEhB,WAPX;~~IAQE~~,SAAS,EAAEA,WAAW,KAAMK,KAAD,IAAWD,gBAAgB,CAACC,KAAD,EAAQL,WAAR,CAAhC,CARxB;~~IASE~~,QAAQ,EAAEA,WAAW,GAAG,CAAH,GAAO,CAAC~~;EAT~~/B,~~gBAWE~~,~~oBAAC~~,YAAD;~~IAAc~~,OAAO,EAAC;~~EAAtB~~,~~GAAoCC~~,~~cAApC~~,~~CAXF,CAbF,~~eA2BE,~~oBAAC~~,aAAD;~~IACE~~,EAAE,EAAET,KAAK,CAACI,EAAD,EAAK,OAAL,CADX;~~IAEE~~,SAAS,EAAG,GAAEC,OAAO,CAACe,IAAK,IAAGT,aAAa,GAAG,EAAH,GAAQN,OAAO,CAACgB,QAAS,EAFtE;~~IAGE~~,OAAO,EAAEV,aAAa,GAAIE,KAAD,IAAWN,cAAc,CAACM,KAAD,CAA5B,GAAsCS,SAH9D;~~IAIE~~,SAAS,EAAGT,KAAD,IAAYF,aAAa,GAAGC,gBAAgB,CAACC,KAAD,EAAQN,cAAR,CAAnB,GAA6Ce,SAJnF;~~IAKE~~,QAAQ,EAAE;~~EALZ~~,EA3BF,~~CADF~~;AAqCD,CAxDD;;AA0DA,wCAAAnB,UAAU,CAACsB,SAAX,GAAuB;EACrB;AACF;AACA;EACErB,EAAE,EAAEb,SAAS,CAACmC,MAJO;;EAKrB;AACF;AACA;EACErB,OAAO,EAAEd,SAAS,CAACoC,UAAV,CAAqBC,MAArB,EAA6BC,UARjB;;EASrB;AACF;AACA;EACEvB,kBAAkB,EAAEf,SAAS,CAACuC,IAZT;;EAarB;AACF;AACA;EACEvB,cAAc,EAAEhB,SAAS,CAACuC,IAhBL;;EAiBrB;AACF;AACA;EACEtB,WAAW,EAAEjB,SAAS,CAACuC,IApBF;;EAqBrB;AACF;AACA;EACErB,cAAc,EAAElB,SAAS,CAACmC,MAxBL;;EAyBrB;AACF;AACA;EACEhB,iBAAiB,EAAEnB,SAAS,CAACwC,IA5BR;;EA6BrB;AACF;AACA;EACEpB,aAAa,EAAEpB,SAAS,CAACwC;AAhCJ,CAAvB;AAmCA,eAAetC,UAAU,CAACS,MAAD,EAAS;EAAE8B,IAAI,EAAE;AAAR,CAAT,CAAV,CAAqD7B,UAArD,CAAf"}
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 \"@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/modern/Calendar/CalendarWeekLabels/CalendarWeekLabels.js CHANGED Viewed

@@ -1,8 +1,9 @@
 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";
 const HvCalendarWeekLabel = ({
   classes,
@@ -10,11 +11,11 @@ const HvCalendarWeekLabel = ({
 }) => {
   return labels.map((dayName, index) => {
     const key = `${dayName}-${index}`;
-    return /*#__PURE__*/React.createElement(HvTypography, {
+    return /*#__PURE__*/_jsx(HvTypography, {
       variant: "highlightText",
       className: classes.calendarDay,
-      key: key
-    }, dayName);
+      children: dayName
+    }, key);
   });
 };

package/dist/modern/Calendar/CalendarWeekLabels/CalendarWeekLabels.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CalendarWeekLabels.js","names":["React","PropTypes","withStyles","HvTypography","styles","HvCalendarWeekLabel","classes","labels","map","dayName","index","key","calendarDay","propTypes","instanceOf","Object","isRequired","id","string","arrayOf","onChange","func","name"],"sources":["../../../../src/Calendar/CalendarWeekLabels/CalendarWeekLabels.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@~~material-ui~~/~~core~~\";\nimport { HvTypography } from \"../..\";\nimport styles from \"./styles\";\n\nconst HvCalendarWeekLabel = ({ classes, labels = [] }) => {\n return labels.map((dayName, index) => {\n const key = `${dayName}-${index}`;\n return (\n <HvTypography variant=\"highlightText\" className={classes.calendarDay} key={key}>\n {dayName}\n </HvTypography>\n );\n });\n};\n\nHvCalendarWeekLabel.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 Localized day of week labels.\n /\n labels: PropTypes.arrayOf(PropTypes.string),\n /\n Callback to define the input date.\n */\n onChange: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvCalendarWeekLabel\" })(HvCalendarWeekLabel);\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,~~mBAA3B~~;AACA,SAASC,YAAT,QAA6B,OAA7B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,mBAAmB,GAAG,CAAC;EAAEC,OAAF;EAAWC,MAAM,GAAG;AAApB,CAAD,KAA8B;EACxD,OAAOA,MAAM,CAACC,GAAP,CAAW,CAACC,OAAD,EAAUC,KAAV,KAAoB;IACpC,MAAMC,GAAG,GAAI,GAAEF,OAAQ,IAAGC,KAAM,EAAhC;IACA,oBACE,~~oBAAC~~,YAAD;MAAc,OAAO,EAAC,eAAtB;MAAsC,SAAS,EAAEJ,OAAO,CAACM,WAAzD;~~MAAsE~~,~~GAAG,EAAED~~;~~IAA3E~~,~~GACGF~~,~~OADH~~,CADF;EAKD,CAPM,CAAP;AAQD,CATD;;AAWA,~~wCAAAJ~~,mBAAmB,CAACQ,SAApB,GAAgC;EAC9B;AACF;AACA;EACEP,OAAO,EAAEL,SAAS,CAACa,UAAV,CAAqBC,MAArB,EAA6BC,UAJR;;EAK9B;AACF;AACA;EACEC,EAAE,EAAEhB,SAAS,CAACiB,MARgB;;EAS9B;AACF;AACA;EACEX,MAAM,EAAEN,SAAS,CAACkB,OAAV,CAAkBlB,SAAS,CAACiB,MAA5B,CAZsB;;EAa9B;AACF;AACA;EACEE,QAAQ,EAAEnB,SAAS,CAACoB;AAhBU,CAAhC;AAmBA,eAAenB,UAAU,CAACE,MAAD,EAAS;EAAEkB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAoDjB,mBAApD,CAAf"}
1	+ {"version":3,"file":"CalendarWeekLabels.js","names":["React","PropTypes","withStyles","HvTypography","styles","HvCalendarWeekLabel","classes","labels","map","dayName","index","key","calendarDay","propTypes","instanceOf","Object","isRequired","id","string","arrayOf","onChange","func","name"],"sources":["../../../../src/Calendar/CalendarWeekLabels/CalendarWeekLabels.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvTypography } from \"../..\";\nimport styles from \"./styles\";\n\nconst HvCalendarWeekLabel = ({ classes, labels = [] }) => {\n return labels.map((dayName, index) => {\n const key = `${dayName}-${index}`;\n return (\n <HvTypography variant=\"highlightText\" className={classes.calendarDay} key={key}>\n {dayName}\n </HvTypography>\n );\n });\n};\n\nHvCalendarWeekLabel.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 Localized day of week labels.\n /\n labels: PropTypes.arrayOf(PropTypes.string),\n /\n Callback to define the input date.\n */\n onChange: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvCalendarWeekLabel\" })(HvCalendarWeekLabel);\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,SAASC,YAAT,QAA6B,OAA7B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;;AAEA,MAAMC,mBAAmB,GAAG,CAAC;EAAEC,OAAF;EAAWC,MAAM,GAAG;AAApB,CAAD,KAA8B;EACxD,OAAOA,MAAM,CAACC,GAAP,CAAW,CAACC,OAAD,EAAUC,KAAV,KAAoB;IACpC,MAAMC,GAAG,GAAI,GAAEF,OAAQ,IAAGC,KAAM,EAAhC;IACA,oBACE,KAAC,YAAD;MAAc,OAAO,EAAC,eAAtB;MAAsC,SAAS,EAAEJ,OAAO,CAACM,WAAzD;MAAA,UACGH;IADH,GAA2EE,GAA3E,CADF;EAKD,CAPM,CAAP;AAQD,CATD;;AAWA,wCAAAN,mBAAmB,CAACQ,SAApB,GAAgC;EAC9B;AACF;AACA;EACEP,OAAO,EAAEL,SAAS,CAACa,UAAV,CAAqBC,MAArB,EAA6BC,UAJR;;EAK9B;AACF;AACA;EACEC,EAAE,EAAEhB,SAAS,CAACiB,MARgB;;EAS9B;AACF;AACA;EACEX,MAAM,EAAEN,SAAS,CAACkB,OAAV,CAAkBlB,SAAS,CAACiB,MAA5B,CAZsB;;EAa9B;AACF;AACA;EACEE,QAAQ,EAAEnB,SAAS,CAACoB;AAhBU,CAAhC;AAmBA,eAAenB,UAAU,CAACE,MAAD,EAAS;EAAEkB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAoDjB,mBAApD,CAAf"}

package/dist/modern/Calendar/SingleCalendar/CalendarCell.js CHANGED Viewed

@@ -1,6 +1,11 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["classes", "onChange", "onKeyDown", "calendarValue", "firstDayOfCurrentMonth", "value", "isDateSelectionMode", "today", "locale", "minimumDate", "maximumDate", "rangeMode"];
+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, { useRef } from "react";
 import PropTypes from "prop-types";
@@ -8,6 +13,7 @@ import clsx from "clsx";
 import useComputation from "../../utils/useComputation";
 import { getDateISO, getFormattedDate, isSameDay, isSameMonth, dateInProvidedValueRange, checkIfDateIsDisabled } from "../utils";
 import { HvTooltip, HvTypography } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
 const HvCalendarCell = _ref => {
   let {
@@ -56,7 +62,7 @@ const HvCalendarCell = _ref => {
     onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
   };
-  const renderDate = () => /*#__PURE__*/React.createElement("button", _extends({
+  const renderDate = () => /*#__PURE__*/_jsx("button", _objectSpread(_objectSpread({
     ref: buttonEl,
     type: "button",
     className: clsx(classes.cellContainer, inMonth && classes.focusSelection),
@@ -64,22 +70,27 @@ const HvCalendarCell = _ref => {
     onKeyDown: handleKeyDown,
     disabled: isDateDisabled || !inMonth,
     "data-in-month": inMonth
-  }, others), /*#__PURE__*/React.createElement(HvTypography, {
-    variant: isCellToday ? "highlightText" : "normalText",
-    className: clsx(classes.calendarDate, inMonth ? [(startBookend && rangeMode || isCellStartingDate && isDateSelectionMode) && classes.startBookend, rangeMode && [isDateInSelectionRange && classes.calendarDateInSelectionRange, endBookend && classes.endBookend], isCellSelected && classes.calendarDateSelected] : classes.calendarDateNotInMonth, isDateDisabled && classes.calendarDateDisabled)
-  }, value.getDate()));
+  }, others), {}, {
+    children: /*#__PURE__*/_jsx(HvTypography, {
+      variant: isCellToday ? "highlightText" : "normalText",
+      className: clsx(classes.calendarDate, inMonth ? [(startBookend && rangeMode || isCellStartingDate && isDateSelectionMode) && classes.startBookend, rangeMode && [isDateInSelectionRange && classes.calendarDateInSelectionRange, endBookend && classes.endBookend], isCellSelected && classes.calendarDateSelected] : classes.calendarDateNotInMonth, isDateDisabled && classes.calendarDateDisabled),
+      children: value.getDate()
+    })
+  }));
-  return /*#__PURE__*/React.createElement(HvTooltip, {
-    key: getDateISO(value),
+  return /*#__PURE__*/_jsx(HvTooltip, {
     enterDelay: 600,
     onOpen: computeTitle,
-    title: title ? /*#__PURE__*/React.createElement(HvTypography, {
-      noWrap: true
-    }, title) : ""
-  }, /*#__PURE__*/React.createElement("div", {
-    className: clsx(classes.dateWrapper, rangeMode && (isSelecting ? inMonth && classes.cellsInRange : classes.cellsOutsideRange)),
-    "data-calendar-cell": "calendarCell"
-  }, renderDate()));
+    title: title ? /*#__PURE__*/_jsx(HvTypography, {
+      noWrap: true,
+      children: title
+    }) : "",
+    children: /*#__PURE__*/_jsx("div", {
+      className: clsx(classes.dateWrapper, rangeMode && (isSelecting ? inMonth && classes.cellsInRange : classes.cellsOutsideRange)),
+      "data-calendar-cell": "calendarCell",
+      children: renderDate()
+    })
+  }, getDateISO(value));
 };
 process.env.NODE_ENV !== "production" ? HvCalendarCell.propTypes = {

package/dist/modern/Calendar/SingleCalendar/CalendarCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CalendarCell.js","names":["React","useRef","PropTypes","clsx","useComputation","getDateISO","getFormattedDate","isSameDay","isSameMonth","dateInProvidedValueRange","checkIfDateIsDisabled","HvTooltip","HvTypography","HvCalendarCell","classes","onChange","onKeyDown","calendarValue","firstDayOfCurrentMonth","value","isDateSelectionMode","today","locale","minimumDate","maximumDate","rangeMode","others","buttonEl","title","computeTitle","startDate","endDate","isCellToday","isCellSelected","inMonth","isCellAfterStartingDate","isCellStartingDate","isDateInSelectionRange","isDateDisabled","startBookend","endBookend","isSelecting","handleClick","event","setTimeout","current","focus","handleKeyDown","renderDate","cellContainer","focusSelection","calendarDate","calendarDateInSelectionRange","calendarDateSelected","calendarDateNotInMonth","calendarDateDisabled","getDate","dateWrapper","cellsInRange","cellsOutsideRange","propTypes","instanceOf","Object","isRequired","id","string","oneOfType","Date","shape","func","onFocus","calendarModel","bool"],"sources":["../../../../src/Calendar/SingleCalendar/CalendarCell.js"],"sourcesContent":["import React, { useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport useComputation from \"../../utils/useComputation\";\nimport {\n getDateISO,\n getFormattedDate,\n isSameDay,\n isSameMonth,\n dateInProvidedValueRange,\n checkIfDateIsDisabled,\n} from \"../utils\";\nimport { HvTooltip, HvTypography } from \"../..\";\n\nconst HvCalendarCell = ({\n classes,\n onChange,\n onKeyDown,\n calendarValue,\n firstDayOfCurrentMonth,\n value,\n isDateSelectionMode,\n today,\n locale,\n minimumDate,\n maximumDate,\n rangeMode = false,\n ...others\n}) => {\n const buttonEl = useRef(null);\n const [title, computeTitle] = useComputation(() => getFormattedDate(value, locale));\n const { startDate, endDate } = calendarValue;\n const isCellToday = isSameDay(value, today);\n const isCellSelected = isSameDay(calendarValue, value);\n const inMonth = isSameMonth(value, firstDayOfCurrentMonth);\n const isCellAfterStartingDate = rangeMode ? value >= startDate : false;\n const isCellStartingDate = rangeMode ? isSameDay(value, startDate) : false;\n const isDateInSelectionRange =\n calendarValue && rangeMode ? dateInProvidedValueRange(value, calendarValue) : false;\n const isDateDisabled = checkIfDateIsDisabled(value, minimumDate, maximumDate);\n const startBookend = isSameDay(startDate, value);\n const endBookend = isSameDay(endDate, value);\n const isSelecting = isDateSelectionMode && isCellAfterStartingDate;\n\n const handleClick = (event) => {\n onChange?.(event, value);\n setTimeout(() => buttonEl?.current?.focus());\n };\n\n const handleKeyDown = (event) => {\n onKeyDown?.(event);\n };\n\n const renderDate = () => (\n <button\n ref={buttonEl}\n type=\"button\"\n className={clsx(classes.cellContainer, { [classes.focusSelection]: inMonth })}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n disabled={isDateDisabled \|\| !inMonth}\n data-in-month={inMonth}\n {...others}\n >\n <HvTypography\n variant={isCellToday ? \"highlightText\" : \"normalText\"}\n className={clsx(classes.calendarDate, {\n [classes.calendarDateSelected]: inMonth && isCellSelected,\n [classes.calendarDateNotInMonth]: !inMonth,\n [classes.calendarDateInSelectionRange]: inMonth && rangeMode && isDateInSelectionRange,\n [classes.calendarDateDisabled]: isDateDisabled,\n [classes.startBookend]:\n inMonth && ((startBookend && rangeMode) \|\| (isCellStartingDate && isDateSelectionMode)),\n [classes.endBookend]: inMonth && endBookend && rangeMode,\n })}\n >\n {value.getDate()}\n </HvTypography>\n </button>\n );\n\n return (\n <HvTooltip\n key={getDateISO(value)}\n enterDelay={600}\n onOpen={computeTitle}\n title={title ? <HvTypography noWrap>{title}</HvTypography> : \"\"}\n >\n <div\n className={clsx(classes.dateWrapper, {\n [classes.cellsInRange]: inMonth && rangeMode && isSelecting,\n [classes.cellsOutsideRange]: rangeMode && !isSelecting,\n })}\n data-calendar-cell=\"calendarCell\"\n >\n {renderDate()}\n </div>\n </HvTooltip>\n );\n};\n\nHvCalendarCell.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 calendarValue: PropTypes.oneOfType([\n PropTypes.instanceOf(Date),\n PropTypes.string,\n PropTypes.shape({ startDate: PropTypes.instanceOf(Date), endDate: PropTypes.instanceOf(Date) }),\n ]),\n /\n The text to be shown on the main part of the header.\n /\n value: PropTypes.instanceOf(Date),\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 handle input onFocus.\n */\n onFocus: PropTypes.func,\n calendarModel: PropTypes.instanceOf(Object),\n onKeyDown: PropTypes.func,\n today: PropTypes.instanceOf(Date),\n minimumDate: PropTypes.instanceOf(Date),\n maximumDate: PropTypes.instanceOf(Date),\n firstDayOfCurrentMonth: PropTypes.instanceOf(Date),\n isDateSelectionMode: PropTypes.bool,\n rangeMode: PropTypes.bool,\n};\n\nexport default HvCalendarCell;\n"],"mappings":"~~;;;;~~AAAA,OAAOA,KAAP,IAAgBC,MAAhB,QAA8B,OAA9B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,cAAP,MAA2B,4BAA3B;AACA,SACEC,UADF,EAEEC,gBAFF,EAGEC,SAHF,EAIEC,WAJF,EAKEC,wBALF,EAMEC,qBANF,QAOO,UAPP;AAQA,SAASC,SAAT,EAAoBC,YAApB,QAAwC,OAAxC;;AAEA,MAAMC,cAAc,GAAG,QAcjB;EAAA,IAdkB;IACtBC,OADsB;IAEtBC,QAFsB;IAGtBC,SAHsB;IAItBC,aAJsB;IAKtBC,sBALsB;IAMtBC,KANsB;IAOtBC,mBAPsB;IAQtBC,KARsB;IAStBC,MATsB;IAUtBC,WAVsB;IAWtBC,WAXsB;IAYtBC,SAAS,GAAG;EAZU,CAclB;EAAA,IADDC,MACC;;EACJ,MAAMC,QAAQ,GAAG1B,MAAM,CAAC,IAAD,CAAvB;EACA,MAAM,CAAC2B,KAAD,EAAQC,YAAR,IAAwBzB,cAAc,CAAC,MAAME,gBAAgB,CAACa,KAAD,EAAQG,MAAR,CAAvB,CAA5C;EACA,MAAM;IAAEQ,SAAF;IAAaC;EAAb,IAAyBd,aAA/B;EACA,MAAMe,WAAW,GAAGzB,SAAS,CAACY,KAAD,EAAQE,KAAR,CAA7B;EACA,MAAMY,cAAc,GAAG1B,SAAS,CAACU,aAAD,EAAgBE,KAAhB,CAAhC;EACA,MAAMe,OAAO,GAAG1B,WAAW,CAACW,KAAD,EAAQD,sBAAR,CAA3B;EACA,MAAMiB,uBAAuB,GAAGV,SAAS,GAAGN,KAAK,IAAIW,SAAZ,GAAwB,KAAjE;EACA,MAAMM,kBAAkB,GAAGX,SAAS,GAAGlB,SAAS,CAACY,KAAD,EAAQW,SAAR,CAAZ,GAAiC,KAArE;EACA,MAAMO,sBAAsB,GAC1BpB,aAAa,IAAIQ,SAAjB,GAA6BhB,wBAAwB,CAACU,KAAD,EAAQF,aAAR,CAArD,GAA8E,KADhF;EAEA,MAAMqB,cAAc,GAAG5B,qBAAqB,CAACS,KAAD,EAAQI,WAAR,EAAqBC,WAArB,CAA5C;EACA,MAAMe,YAAY,GAAGhC,SAAS,CAACuB,SAAD,EAAYX,KAAZ,CAA9B;EACA,MAAMqB,UAAU,GAAGjC,SAAS,CAACwB,OAAD,EAAUZ,KAAV,CAA5B;EACA,MAAMsB,WAAW,GAAGrB,mBAAmB,IAAIe,uBAA3C;;EAEA,MAAMO,WAAW,GAAIC,KAAD,IAAW;IAC7B5B,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAG4B,KAAH,EAAUxB,KAAV,CAAR;IACAyB,UAAU,CAAC;MAAA;;MAAA,OAAMjB,QAAN,aAAMA,QAAN,4CAAMA,QAAQ,CAAEkB,OAAhB,sDAAM,kBAAmBC,KAAnB,EAAN;IAAA,CAAD,CAAV;EACD,CAHD;;EAKA,MAAMC,aAAa,GAAIJ,KAAD,IAAW;IAC/B3B,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAG2B,KAAH,CAAT;EACD,CAFD;;EAIA,MAAMK,UAAU,GAAG,mBACjB;IACE,GAAG,EAAErB,QADP;IAEE,IAAI,EAAC,QAFP;IAGE,SAAS,EAAExB,IAAI,CAACW,OAAO,CAACmC,aAAT,EAAoDf,OAApD,IAA2BpB,OAAO,CAACoC,cAAnC,CAHjB;IAIE,OAAO,EAAER,WAJX;IAKE,SAAS,EAAEK,aALb;IAME,QAAQ,EAAET,cAAc,IAAI,CAACJ,OAN/B;IAOE,iBAAeA;EAPjB,GAQMR,MARN,~~gBAUE~~,~~oBAAC~~,YAAD;~~IACE~~,OAAO,EAAEM,WAAW,GAAG,eAAH,GAAqB,YAD3C;~~IAEE~~,SAAS,EAAE7B,IAAI,CAACW,OAAO,CAACqC,YAAT,EACmBjB,OADnB,KAMEK,YAAY,IAAId,SAAjB,IAAgCW,kBAAkB,IAAIhB,mBANvD,KAKZN,OAAO,CAACyB,YALI,EAGsCd,SAHtC,KAGmDY,sBAHnD,IAGZvB,OAAO,CAACsC,4BAHI,EAOoBZ,UAPpB,IAOZ1B,OAAO,CAAC0B,UAPI,GAC8BP,cAD9B,IACZnB,OAAO,CAACuC,oBADI,IAEZvC,OAAO,CAACwC,sBAFI,EAImBhB,cAJnB,IAIZxB,OAAO,CAACyC,oBAJI;~~EAFjB~~,~~GAYGpC~~,KAAK,CAACqC,OAAN,~~EAZH,CAVF,CADF~~;;EA4BA,oBACE,~~oBAAC~~,SAAD;~~IACE,GAAG,EAAEnD,UAAU,CAACc,KAAD,CADjB;~~IAEE,UAAU,EAAE,GAFd;IAGE,MAAM,~~EAAEU~~,YAHV;IAIE,KAAK,EAAED,KAAK,gBAAG,~~oBAAC~~,YAAD;MAAc,MAAM;~~IAApB~~,~~GAAsBA~~,~~KAAtB~~,~~CAAH~~,~~GAAiD;~~EAJ/D,~~gBAME~~;~~IACE~~,SAAS,EAAEzB,IAAI,CAACW,OAAO,CAAC2C,WAAT,EACsBhC,SADtB,KACmCgB,WADnC,GACWP,OADX,IACZpB,OAAO,CAAC4C,YADI,GAEZ5C,OAAO,CAAC6C,iBAFI,EADjB;~~IAKE~~,sBAAmB;~~EALrB~~,~~GAOGX~~,UAAU,~~EAPb~~,~~CANF~~,CADF;AAkBD,CArFD;;AAuFA,~~wCAAAnC~~,cAAc,CAAC+C,SAAf,GAA2B;EACzB;AACF;AACA;EACE9C,OAAO,EAAEZ,SAAS,CAAC2D,UAAV,CAAqBC,MAArB,EAA6BC,UAJb;;EAKzB;AACF;AACA;EACEC,EAAE,EAAE9D,SAAS,CAAC+D,MARW;;EASzB;AACF;AACA;EACEhD,aAAa,EAAEf,SAAS,CAACgE,SAAV,CAAoB,CACjChE,SAAS,CAAC2D,UAAV,CAAqBM,IAArB,CADiC,EAEjCjE,SAAS,CAAC+D,MAFuB,EAGjC/D,SAAS,CAACkE,KAAV,CAAgB;IAAEtC,SAAS,EAAE5B,SAAS,CAAC2D,UAAV,CAAqBM,IAArB,CAAb;IAAyCpC,OAAO,EAAE7B,SAAS,CAAC2D,UAAV,CAAqBM,IAArB;EAAlD,CAAhB,CAHiC,CAApB,CAZU;;EAiBzB;AACF;AACA;EACEhD,KAAK,EAAEjB,SAAS,CAAC2D,UAAV,CAAqBM,IAArB,CApBkB;;EAqBzB;AACF;AACA;EACE7C,MAAM,EAAEpB,SAAS,CAAC+D,MAxBO;;EAyBzB;AACF;AACA;EACElD,QAAQ,EAAEb,SAAS,CAACmE,IA5BK;;EA6BzB;AACF;AACA;EACEC,OAAO,EAAEpE,SAAS,CAACmE,IAhCM;EAiCzBE,aAAa,EAAErE,SAAS,CAAC2D,UAAV,CAAqBC,MAArB,CAjCU;EAkCzB9C,SAAS,EAAEd,SAAS,CAACmE,IAlCI;EAmCzBhD,KAAK,EAAEnB,SAAS,CAAC2D,UAAV,CAAqBM,IAArB,CAnCkB;EAoCzB5C,WAAW,EAAErB,SAAS,CAAC2D,UAAV,CAAqBM,IAArB,CApCY;EAqCzB3C,WAAW,EAAEtB,SAAS,CAAC2D,UAAV,CAAqBM,IAArB,CArCY;EAsCzBjD,sBAAsB,EAAEhB,SAAS,CAAC2D,UAAV,CAAqBM,IAArB,CAtCC;EAuCzB/C,mBAAmB,EAAElB,SAAS,CAACsE,IAvCN;EAwCzB/C,SAAS,EAAEvB,SAAS,CAACsE;AAxCI,CAA3B;AA2CA,eAAe3D,cAAf"}
1	+ {"version":3,"file":"CalendarCell.js","names":["React","useRef","PropTypes","clsx","useComputation","getDateISO","getFormattedDate","isSameDay","isSameMonth","dateInProvidedValueRange","checkIfDateIsDisabled","HvTooltip","HvTypography","HvCalendarCell","classes","onChange","onKeyDown","calendarValue","firstDayOfCurrentMonth","value","isDateSelectionMode","today","locale","minimumDate","maximumDate","rangeMode","others","buttonEl","title","computeTitle","startDate","endDate","isCellToday","isCellSelected","inMonth","isCellAfterStartingDate","isCellStartingDate","isDateInSelectionRange","isDateDisabled","startBookend","endBookend","isSelecting","handleClick","event","setTimeout","current","focus","handleKeyDown","renderDate","cellContainer","focusSelection","calendarDate","calendarDateInSelectionRange","calendarDateSelected","calendarDateNotInMonth","calendarDateDisabled","getDate","dateWrapper","cellsInRange","cellsOutsideRange","propTypes","instanceOf","Object","isRequired","id","string","oneOfType","Date","shape","func","onFocus","calendarModel","bool"],"sources":["../../../../src/Calendar/SingleCalendar/CalendarCell.js"],"sourcesContent":["import React, { useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport useComputation from \"../../utils/useComputation\";\nimport {\n getDateISO,\n getFormattedDate,\n isSameDay,\n isSameMonth,\n dateInProvidedValueRange,\n checkIfDateIsDisabled,\n} from \"../utils\";\nimport { HvTooltip, HvTypography } from \"../..\";\n\nconst HvCalendarCell = ({\n classes,\n onChange,\n onKeyDown,\n calendarValue,\n firstDayOfCurrentMonth,\n value,\n isDateSelectionMode,\n today,\n locale,\n minimumDate,\n maximumDate,\n rangeMode = false,\n ...others\n}) => {\n const buttonEl = useRef(null);\n const [title, computeTitle] = useComputation(() => getFormattedDate(value, locale));\n const { startDate, endDate } = calendarValue;\n const isCellToday = isSameDay(value, today);\n const isCellSelected = isSameDay(calendarValue, value);\n const inMonth = isSameMonth(value, firstDayOfCurrentMonth);\n const isCellAfterStartingDate = rangeMode ? value >= startDate : false;\n const isCellStartingDate = rangeMode ? isSameDay(value, startDate) : false;\n const isDateInSelectionRange =\n calendarValue && rangeMode ? dateInProvidedValueRange(value, calendarValue) : false;\n const isDateDisabled = checkIfDateIsDisabled(value, minimumDate, maximumDate);\n const startBookend = isSameDay(startDate, value);\n const endBookend = isSameDay(endDate, value);\n const isSelecting = isDateSelectionMode && isCellAfterStartingDate;\n\n const handleClick = (event) => {\n onChange?.(event, value);\n setTimeout(() => buttonEl?.current?.focus());\n };\n\n const handleKeyDown = (event) => {\n onKeyDown?.(event);\n };\n\n const renderDate = () => (\n <button\n ref={buttonEl}\n type=\"button\"\n className={clsx(classes.cellContainer, { [classes.focusSelection]: inMonth })}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n disabled={isDateDisabled \|\| !inMonth}\n data-in-month={inMonth}\n {...others}\n >\n <HvTypography\n variant={isCellToday ? \"highlightText\" : \"normalText\"}\n className={clsx(classes.calendarDate, {\n [classes.calendarDateSelected]: inMonth && isCellSelected,\n [classes.calendarDateNotInMonth]: !inMonth,\n [classes.calendarDateInSelectionRange]: inMonth && rangeMode && isDateInSelectionRange,\n [classes.calendarDateDisabled]: isDateDisabled,\n [classes.startBookend]:\n inMonth && ((startBookend && rangeMode) \|\| (isCellStartingDate && isDateSelectionMode)),\n [classes.endBookend]: inMonth && endBookend && rangeMode,\n })}\n >\n {value.getDate()}\n </HvTypography>\n </button>\n );\n\n return (\n <HvTooltip\n key={getDateISO(value)}\n enterDelay={600}\n onOpen={computeTitle}\n title={title ? <HvTypography noWrap>{title}</HvTypography> : \"\"}\n >\n <div\n className={clsx(classes.dateWrapper, {\n [classes.cellsInRange]: inMonth && rangeMode && isSelecting,\n [classes.cellsOutsideRange]: rangeMode && !isSelecting,\n })}\n data-calendar-cell=\"calendarCell\"\n >\n {renderDate()}\n </div>\n </HvTooltip>\n );\n};\n\nHvCalendarCell.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 calendarValue: PropTypes.oneOfType([\n PropTypes.instanceOf(Date),\n PropTypes.string,\n PropTypes.shape({ startDate: PropTypes.instanceOf(Date), endDate: PropTypes.instanceOf(Date) }),\n ]),\n /\n The text to be shown on the main part of the header.\n /\n value: PropTypes.instanceOf(Date),\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 handle input onFocus.\n */\n onFocus: PropTypes.func,\n calendarModel: PropTypes.instanceOf(Object),\n onKeyDown: PropTypes.func,\n today: PropTypes.instanceOf(Date),\n minimumDate: PropTypes.instanceOf(Date),\n maximumDate: PropTypes.instanceOf(Date),\n firstDayOfCurrentMonth: PropTypes.instanceOf(Date),\n isDateSelectionMode: PropTypes.bool,\n rangeMode: PropTypes.bool,\n};\n\nexport default HvCalendarCell;\n"],"mappings":"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"}