@hitachivantara/uikit-react-core 5.27.5 → 5.27.7

package/dist/esm/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement } from \"react\";\n\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { PolymorphicComponentRef, PolymorphicRef } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport {\n  staticClasses as buttonClasses,\n  getOverrideColors,\n  getRadiusStyles,\n  getSizeStyles,\n  getVariantStyles,\n  useClasses,\n} from \"./Button.styles\";\nimport { HvButtonRadius, HvButtonSize, HvButtonVariant } from \"./types\";\n\nexport { buttonClasses };\n\nexport type HvButtonClasses = ExtractNames<typeof useClasses>;\n\nexport type HvButtonProps<C extends React.ElementType = \"button\"> =\n  PolymorphicComponentRef<\n    C,\n    {\n      /** Use the variant prop to change the visual style of the Button. */\n      variant?: HvButtonVariant;\n      /** Whether the Button is an icon-only button. */\n      icon?: boolean;\n      /** Whether the Button is disabled or not. */\n      disabled?: boolean;\n      /** Class names to be applied. */\n      className?: string;\n      /** Element placed before the children. */\n      startIcon?: ReactElement;\n      /** Element placed after the children. */\n      endIcon?: ReactElement;\n      /** Button size. */\n      size?: HvButtonSize;\n      /** Button border radius. */\n      radius?: HvButtonRadius;\n      /** Defines the default colors of the button are forced into the icon. */\n      overrideIconColors?: boolean;\n      /** A Jss Object used to override or extend the styles applied. */\n      classes?: HvButtonClasses;\n      /** Whether the Button is selected or not. */\n      selected?: boolean;\n    }\n  >;\n\n/**\n * Normalize the button variant. It's meant to give us some retro-compatibility with\n * the DS 3.6 API.\n * @returns the normalized variant in DS 5 API\n */\nconst mapVariant = (\n  variant: HvButtonVariant,\n  theme?: string\n): HvButtonVariant => {\n  if (theme === \"ds3\") return variant;\n\n  const deprecatedVariantMap: Record<string, HvButtonVariant> = {\n    secondary: \"secondarySubtle\",\n    ghost: \"primaryGhost\",\n  };\n\n  const mappedVariant = deprecatedVariantMap[variant];\n\n  if (mappedVariant) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      `Button variant '${variant}' is deprecated. Please use '${mappedVariant}'.`\n    );\n  }\n\n  return mappedVariant || variant;\n};\n\n/**\n * Button component is used to trigger an action or event.\n */\nexport const HvButton: <C extends React.ElementType = \"button\">(\n  props: HvButtonProps<C>\n) => React.ReactElement | null = forwardRef(\n  <C extends React.ElementType = \"button\">(\n    props: HvButtonProps<C>,\n    ref: PolymorphicRef<C>\n  ) => {\n    const {\n      id,\n      classes: classesProp,\n      children,\n      variant: variantProp,\n      disabled = false,\n      className,\n      startIcon,\n      endIcon,\n      icon = false,\n      size,\n      radius,\n      overrideIconColors = true,\n      component: Component = \"button\",\n      ...others\n    } = useDefaultProps(\"HvButton\", props);\n    const { classes, css, cx } = useClasses(classesProp);\n    const { activeTheme } = useTheme();\n    const variant = mapVariant(\n      variantProp ?? (icon ? \"secondaryGhost\" : \"primary\"),\n      activeTheme?.name\n    );\n\n    return (\n      <Component\n        ref={ref}\n        className={cx(\n          classes.root,\n          css(getVariantStyles(variant)),\n          size && css(getSizeStyles(size)),\n          radius && css(getRadiusStyles(radius)),\n          overrideIconColors && css(getOverrideColors()),\n          {\n            [classes.icon]: icon,\n            [classes.disabled]: disabled,\n          },\n          className\n        )}\n        {...(Component === \"button\" && { type: \"button\" })}\n        {...(disabled && {\n          disabled: true,\n          tabIndex: -1,\n          \"aria-disabled\": true,\n        })}\n        {...others}\n      >\n        {startIcon && <span className={classes.startIcon}>{startIcon}</span>}\n        {children}\n        {endIcon && <span className={classes.endIcon}>{endIcon}</span>}\n      </Component>\n    );\n  }\n);\n"],"names":["mapVariant","variant","theme","deprecatedVariantMap","secondary","ghost","mappedVariant","console","warn","HvButton","forwardRef","props","ref","id","classes","classesProp","children","variantProp","disabled","className","startIcon","endIcon","icon","size","radius","overrideIconColors","component","Component","others","useDefaultProps","css","cx","useClasses","activeTheme","useTheme","name","root","getVariantStyles","getSizeStyles","getRadiusStyles","getOverrideColors","type","tabIndex","_jsx"],"mappings":";;;;;;AAuDA,MAAMA,aAAaA,CACjBC,SACAC,UACoB;AACpB,MAAIA,UAAU;AAAcD,WAAAA;AAE5B,QAAME,uBAAwD;AAAA,IAC5DC,WAAW;AAAA,IACXC,OAAO;AAAA,EAAA;AAGHC,QAAAA,gBAAgBH,qBAAqBF,OAAO;AAElD,MAAIK,eAAe;AAEjBC,YAAQC,KACL,mBAAkBP,OAAQ,gCAA+BK,aAAc,IAC1E;AAAA,EACF;AAEA,SAAOA,iBAAiBL;AAC1B;AAKO,MAAMQ,WAEoBC,WAC/B,CACEC,OACAC,QACG;AACG,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAf,SAASgB;AAAAA,IACTC,WAAW;AAAA,IACXC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,OAAO;AAAA,IACPC;AAAAA,IACAC;AAAAA,IACAC,qBAAqB;AAAA,IACrBC,WAAWC,YAAY;AAAA,IACvB,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,YAAYlB,KAAK;AAC/B,QAAA;AAAA,IAAEG;AAAAA,IAASgB;AAAAA,IAAKC;AAAAA,EAAAA,IAAOC,WAAWjB,WAAW;AAC7C,QAAA;AAAA,IAAEkB;AAAAA,MAAgBC,SAAS;AACjC,QAAMjC,UAAUD,WACdiB,gBAAgBK,OAAO,mBAAmB,YAC1CW,2CAAaE,IACf;AAEA,8BACGR,WAAS;AAAA,IACRf;AAAAA,IACAO,WAAWY,GACTjB,QAAQsB,MACRN,IAAIO,iBAAiBpC,OAAO,CAAC,GAC7BsB,QAAQO,IAAIQ,cAAcf,IAAI,CAAC,GAC/BC,UAAUM,IAAIS,gBAAgBf,MAAM,CAAC,GACrCC,sBAAsBK,IAAIU,kBAAkB,CAAC,GAC7C;AAAA,MACE,CAAC1B,QAAQQ,IAAI,GAAGA;AAAAA,MAChB,CAACR,QAAQI,QAAQ,GAAGA;AAAAA,OAEtBC,SACF;AAAA,IAAE,GACGQ,cAAc,YAAY;AAAA,MAAEc,MAAM;AAAA,IAAS;AAAA,IAAC,GAC5CvB,YAAY;AAAA,MACfA,UAAU;AAAA,MACVwB,UAAU;AAAA,MACV,iBAAiB;AAAA,IACnB;AAAA,IAAC,GACGd;AAAAA,IAAMZ,UAAA,CAETI,aAAauB,oBAAA,QAAA;AAAA,MAAMxB,WAAWL,QAAQM;AAAAA,MAAUJ,UAAEI;AAAAA,IAAgB,CAAA,GAClEJ,UACAK,+BAAW,QAAA;AAAA,MAAMF,WAAWL,QAAQO;AAAAA,MAAQL,UAAEK;AAAAA,IAAAA,CAAc,CAAC;AAAA,EAAA,CACrD;AAEf,CACF;"}
+{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement } from \"react\";\n\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { PolymorphicComponentRef, PolymorphicRef } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport {\n  staticClasses as buttonClasses,\n  getOverrideColors,\n  getRadiusStyles,\n  getSizeStyles,\n  getVariantStyles,\n  useClasses,\n} from \"./Button.styles\";\nimport { HvButtonRadius, HvButtonSize, HvButtonVariant } from \"./types\";\n\nexport { buttonClasses };\n\nexport type HvButtonClasses = ExtractNames<typeof useClasses>;\n\nexport type HvButtonProps<C extends React.ElementType = \"button\"> =\n  PolymorphicComponentRef<\n    C,\n    {\n      /** Use the variant prop to change the visual style of the Button. */\n      variant?: HvButtonVariant;\n      /** Whether the Button is an icon-only button. */\n      icon?: boolean;\n      /** Whether the Button is disabled or not. */\n      disabled?: boolean;\n      /** Class names to be applied. */\n      className?: string;\n      /** Element placed before the children. */\n      startIcon?: ReactElement;\n      /** Element placed after the children. */\n      endIcon?: ReactElement;\n      /** Button size. */\n      size?: HvButtonSize;\n      /** Button border radius. */\n      radius?: HvButtonRadius;\n      /** Defines the default colors of the button are forced into the icon. */\n      overrideIconColors?: boolean;\n      /** A Jss Object used to override or extend the styles applied. */\n      classes?: HvButtonClasses;\n      /** Whether the Button is selected or not. */\n      selected?: boolean;\n    }\n  >;\n\n/**\n * Normalize the button variant. It's meant to give us some retro-compatibility with\n * the DS 3.6 API.\n * @returns the normalized variant in DS 5 API\n */\nconst mapVariant = (\n  variant: HvButtonVariant,\n  theme?: string\n): HvButtonVariant => {\n  if (theme === \"ds3\") return variant;\n\n  const deprecatedVariantMap: Record<string, HvButtonVariant> = {\n    secondary: \"secondarySubtle\",\n    ghost: \"primaryGhost\",\n  };\n\n  const mappedVariant = deprecatedVariantMap[variant];\n\n  if (mappedVariant) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      `Button variant '${variant}' is deprecated. Please use '${mappedVariant}'.`\n    );\n  }\n\n  return mappedVariant || variant;\n};\n\n/**\n * Button component is used to trigger an action or event.\n */\nexport const HvButton: <C extends React.ElementType = \"button\">(\n  props: HvButtonProps<C>\n) => React.ReactElement | null = forwardRef(\n  <C extends React.ElementType = \"button\">(\n    props: HvButtonProps<C>,\n    ref: PolymorphicRef<C>\n  ) => {\n    const {\n      id,\n      classes: classesProp,\n      children,\n      variant: variantProp,\n      disabled = false,\n      className,\n      startIcon,\n      endIcon,\n      icon = false,\n      size,\n      radius,\n      overrideIconColors = true,\n      component: Component = \"button\",\n      ...others\n    } = useDefaultProps(\"HvButton\", props);\n    const { classes, css, cx } = useClasses(classesProp);\n    const { activeTheme } = useTheme();\n    const variant = mapVariant(\n      variantProp ?? (icon ? \"secondaryGhost\" : \"primary\"),\n      activeTheme?.name\n    );\n\n    return (\n      <Component\n        ref={ref}\n        className={cx(\n          classes.root,\n          css(getVariantStyles(variant)),\n          size && css(getSizeStyles(size)),\n          radius && css(getRadiusStyles(radius)),\n          overrideIconColors && css(getOverrideColors()),\n          {\n            [classes.icon]: icon,\n            [classes.disabled]: disabled,\n          },\n          className\n        )}\n        {...(Component === \"button\" && { type: \"button\" })}\n        {...(disabled && {\n          disabled: true,\n          tabIndex: -1,\n          \"aria-disabled\": true,\n        })}\n        {...others}\n      >\n        {startIcon && <span className={classes.startIcon}>{startIcon}</span>}\n        {children}\n        {endIcon && <span className={classes.endIcon}>{endIcon}</span>}\n      </Component>\n    );\n  }\n);\n"],"names":["mapVariant","variant","theme","deprecatedVariantMap","secondary","ghost","mappedVariant","console","warn","HvButton","forwardRef","props","ref","id","classes","classesProp","children","variantProp","disabled","className","startIcon","endIcon","icon","size","radius","overrideIconColors","component","Component","others","useDefaultProps","css","cx","useClasses","activeTheme","useTheme","name","root","getVariantStyles","getSizeStyles","getRadiusStyles","getOverrideColors","type","tabIndex"],"mappings":";;;;;;AAuDA,MAAMA,aAAaA,CACjBC,SACAC,UACoB;AACpB,MAAIA,UAAU;AAAcD,WAAAA;AAE5B,QAAME,uBAAwD;AAAA,IAC5DC,WAAW;AAAA,IACXC,OAAO;AAAA,EAAA;AAGHC,QAAAA,gBAAgBH,qBAAqBF,OAAO;AAElD,MAAIK,eAAe;AAEjBC,YAAQC,KACL,mBAAkBP,OAAQ,gCAA+BK,aAAc,IAC1E;AAAA,EACF;AAEA,SAAOA,iBAAiBL;AAC1B;AAKO,MAAMQ,WAEoBC,WAC/B,CACEC,OACAC,QACG;AACG,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAf,SAASgB;AAAAA,IACTC,WAAW;AAAA,IACXC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,OAAO;AAAA,IACPC;AAAAA,IACAC;AAAAA,IACAC,qBAAqB;AAAA,IACrBC,WAAWC,YAAY;AAAA,IACvB,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,YAAYlB,KAAK;AAC/B,QAAA;AAAA,IAAEG;AAAAA,IAASgB;AAAAA,IAAKC;AAAAA,EAAAA,IAAOC,WAAWjB,WAAW;AAC7C,QAAA;AAAA,IAAEkB;AAAAA,MAAgBC,SAAS;AACjC,QAAMjC,UAAUD,WACdiB,gBAAgBK,OAAO,mBAAmB,YAC1CW,2CAAaE,IACf;AAEA,SACG,qBAAA,WAAA,EACC,KACA,WAAWJ,GACTjB,QAAQsB,MACRN,IAAIO,iBAAiBpC,OAAO,CAAC,GAC7BsB,QAAQO,IAAIQ,cAAcf,IAAI,CAAC,GAC/BC,UAAUM,IAAIS,gBAAgBf,MAAM,CAAC,GACrCC,sBAAsBK,IAAIU,kBAAmB,CAAA,GAC7C;AAAA,IACE,CAAC1B,QAAQQ,IAAI,GAAGA;AAAAA,IAChB,CAACR,QAAQI,QAAQ,GAAGA;AAAAA,EAEtBC,GAAAA,SACF,GACKQ,GAAAA,cAAc,YAAY;AAAA,IAAEc,MAAM;AAAA,EAAS,GAC3CvB,GAAAA,YAAY;AAAA,IACfA,UAAU;AAAA,IACVwB,UAAU;AAAA,IACV,iBAAiB;AAAA,EAAA,GAEfd,GAAAA,QAEHR,UAAAA;AAAAA,IAAAA,aAAc,oBAAA,QAAA,EAAK,WAAWN,QAAQM,WAAYA,UAAU,WAAA;AAAA,IAC5DJ;AAAAA,IACAK,WAAY,oBAAA,QAAA,EAAK,WAAWP,QAAQO,SAAUA,UAAQ,SAAA;AAAA,EACzD,EAAA,CAAA;AAEJ,CACF;"}

package/dist/esm/components/Calendar/Calendar.js

@@ -1,10 +1,10 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { useDefaultProps } from "../../hooks/useDefaultProps.js";
 import { useContext } from "react";
 import { setId } from "../../utils/setId.js";
 import { isRange } from "./utils.js";
 import { useClasses } from "./Calendar.styles.js";
 import { staticClasses } from "./Calendar.styles.js";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { HvSingleCalendar } from "./SingleCalendar/SingleCalendar.js";
 import { HvFormElementContext } from "../Forms/FormElement/context/FormElementContext.js";
 import { HvFormElementValueContext } from "../Forms/FormElement/context/FormElementValueContext.js";
@@ -39,59 +39,17 @@ const HvCalendar = (props) => {
   const rangeMode = isRange(localValue);
   const rightCalendarId = setId(localId, "single-calendar-right");
   const clampedMonth = visibleMonth && visibleMonth % 13 > 0 ? visibleMonth % 13 : 1;
-  const singleCalendar = /* @__PURE__ */ jsx(HvSingleCalendar, {
-    id: localId,
-    locale,
-    value: localValue,
-    visibleMonth: clampedMonth,
-    visibleYear,
-    minimumDate,
-    maximumDate,
-    onChange,
-    onInputChange: (evt, date) => onInputChange && onInputChange(evt, date, "left"),
-    onVisibleDateChange,
-    invalidDateLabel,
-    ...others
-  });
-  const rangeCalendar = /* @__PURE__ */ jsxs("div", {
-    className: classes.rangeCalendarContainer,
-    children: [/* @__PURE__ */ jsx(HvSingleCalendar, {
-      className: classes.singleCalendar,
-      id: localId,
-      locale,
-      value: localValue,
-      visibleMonth: clampedMonth,
-      visibleYear,
-      minimumDate,
-      maximumDate,
-      onChange,
-      onInputChange: (evt, date) => onInputChange && onInputChange(evt, date, "left"),
-      onVisibleDateChange: (event, action, index) => onVisibleDateChange == null ? void 0 : onVisibleDateChange(event, action, index, "left"),
-      invalidDateLabel,
-      ...others
-    }), /* @__PURE__ */ jsx(HvSingleCalendar, {
-      className: classes.singleCalendar,
-      id: rightCalendarId,
-      locale,
-      value: localValue,
-      visibleMonth: rightVisibleMonth,
-      visibleYear: rightVisibleYear,
-      minimumDate,
-      maximumDate,
-      onChange,
-      onInputChange: (evt, date) => onInputChange && onInputChange(evt, date, "right"),
-      onVisibleDateChange: (event, action, index) => {
-        onVisibleDateChange == null ? void 0 : onVisibleDateChange(event, action, index, "right");
-      },
-      showEndDate: true,
-      invalidDateLabel,
-      ...others
-    })]
-  });
-  return /* @__PURE__ */ jsxs("div", {
-    className: classes.root,
-    children: [startAdornment, rangeMode ? rangeCalendar : singleCalendar]
-  });
+  const singleCalendar = /* @__PURE__ */ jsx(HvSingleCalendar, { id: localId, locale, value: localValue, visibleMonth: clampedMonth, visibleYear, minimumDate, maximumDate, onChange, onInputChange: (evt, date) => onInputChange && onInputChange(evt, date, "left"), onVisibleDateChange, invalidDateLabel, ...others });
+  const rangeCalendar = /* @__PURE__ */ jsxs("div", { className: classes.rangeCalendarContainer, children: [
+    /* @__PURE__ */ jsx(HvSingleCalendar, { className: classes.singleCalendar, id: localId, locale, value: localValue, visibleMonth: clampedMonth, visibleYear, minimumDate, maximumDate, onChange, onInputChange: (evt, date) => onInputChange && onInputChange(evt, date, "left"), onVisibleDateChange: (event, action, index) => onVisibleDateChange == null ? void 0 : onVisibleDateChange(event, action, index, "left"), invalidDateLabel, ...others }),
+    /* @__PURE__ */ jsx(HvSingleCalendar, { className: classes.singleCalendar, id: rightCalendarId, locale, value: localValue, visibleMonth: rightVisibleMonth, visibleYear: rightVisibleYear, minimumDate, maximumDate, onChange, onInputChange: (evt, date) => onInputChange && onInputChange(evt, date, "right"), onVisibleDateChange: (event, action, index) => {
+      onVisibleDateChange == null ? void 0 : onVisibleDateChange(event, action, index, "right");
+    }, showEndDate: true, invalidDateLabel, ...others })
+  ] });
+  return /* @__PURE__ */ jsxs("div", { className: classes.root, children: [
+    startAdornment,
+    rangeMode ? rangeCalendar : singleCalendar
+  ] });
 };
 export {
   HvCalendar,

package/dist/esm/components/Calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","sources":["../../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport React, { useContext } from \"react\";\n\nimport { setId } from \"@core/utils/setId\";\nimport {\n  HvFormElementContext,\n  HvFormElementValueContext,\n} from \"@core/components/Forms\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { isRange } from \"./utils\";\nimport { HvSingleCalendar } from \"./SingleCalendar\";\nimport { DateRangeProp, VisibilitySelectorActions } from \"./types\";\n\nimport { staticClasses, useClasses } from \"./Calendar.styles\";\n\nexport { staticClasses as calendarClasses };\n\nexport type HvCalendarClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvCalendarProps {\n  /**\n   * Styles applied from the theme.\n   */\n  classes?: HvCalendarClasses;\n  /**\n   * Identifier.\n   */\n  id?: string;\n  /**\n   * The calendar locale. If undefined, it defaults to en-US\n   *\n   */\n  locale?: string;\n  /**\n   * Date that the calendar would show.\n   * if using the object format the calendar enter in range mode showing two calendars\n   */\n  value?: DateRangeProp | Date;\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleMonth?: number;\n  /**\n   * Controls the visible year of the Calendar\n   */\n  visibleYear?: number;\n  /**\n   * Controls the visible month of the Calendar on the right side of the datepicker\n   */\n  rightVisibleMonth?: number;\n  /**\n   * Controls the visible year of the Calendar on the right side of the datepicker\n   */\n  rightVisibleYear?: number;\n  /**\n   * Callback function to be triggered when the selected date has changed.\n   */\n  onChange?: (\n    event:\n      | React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>\n      | undefined,\n    value: Date | DateRangeProp\n  ) => void;\n  /**\n   * Callback function to be triggered when the selected date input has changed.\n   */\n  onInputChange?: (\n    event:\n      | React.ChangeEvent<\n          HTMLTextAreaElement | HTMLInputElement | HTMLButtonElement\n        >\n      | undefined,\n    value: Date | DateRangeProp,\n    position: \"left\" | \"right\"\n  ) => void;\n  /**\n   * Callback function to be triggered when the user clicks on the month or year selector.\n   * it receives the action that was pressed:\n   * previous_month, next_month, previous_year, next_year,month\n   */\n  onVisibleDateChange?: (\n    event:\n      | React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>\n      | undefined,\n    action: VisibilitySelectorActions,\n    value?: Date | DateRangeProp | number,\n    position?: \"left\" | \"right\"\n  ) => void;\n  /**\n   * The maximum selectable date after this all values are disabled.\n   */\n  maximumDate?: Date;\n  /**\n   * The minimum selectable date before this all values are disabled.\n   */\n  minimumDate?: Date;\n  /**\n   * An element placed before the Calendar\n   */\n  startAdornment?: React.ReactNode;\n  /**\n   * Indicates if header should display the day of week.\n   */\n  showDayOfWeek?: boolean;\n  /**\n   * Label shown when date is invalid.\n   */\n  invalidDateLabel?: string;\n}\n\nexport const HvCalendar = (props: HvCalendarProps) => {\n  const {\n    classes: classesProp,\n    id,\n    locale = \"en-US\",\n    value,\n    visibleMonth,\n    visibleYear,\n    rightVisibleMonth,\n    rightVisibleYear,\n    minimumDate,\n    maximumDate,\n    startAdornment,\n    onChange,\n    onInputChange,\n    onVisibleDateChange,\n    invalidDateLabel,\n    ...others\n  } = useDefaultProps(\"HvCalendar\", props);\n  const { classes } = useClasses(classesProp);\n\n  const { elementId } = useContext(HvFormElementContext);\n  const elementValue = useContext(HvFormElementValueContext);\n  const localValue = value ?? elementValue;\n  const localId = id ?? setId(elementId, \"single-calendar\");\n  const rangeMode = isRange(localValue);\n  const rightCalendarId = setId(localId, \"single-calendar-right\");\n  const clampedMonth =\n    visibleMonth && visibleMonth % 13 > 0 ? visibleMonth % 13 : 1;\n\n  const singleCalendar = (\n    <HvSingleCalendar\n      id={localId}\n      locale={locale}\n      value={localValue}\n      visibleMonth={clampedMonth}\n      visibleYear={visibleYear}\n      minimumDate={minimumDate}\n      maximumDate={maximumDate}\n      onChange={onChange}\n      onInputChange={(evt, date) =>\n        onInputChange && onInputChange(evt, date, \"left\")\n      }\n      onVisibleDateChange={onVisibleDateChange}\n      invalidDateLabel={invalidDateLabel}\n      {...others}\n    />\n  );\n\n  const rangeCalendar = (\n    <div className={classes.rangeCalendarContainer}>\n      <HvSingleCalendar\n        className={classes.singleCalendar}\n        id={localId}\n        locale={locale}\n        value={localValue}\n        visibleMonth={clampedMonth}\n        visibleYear={visibleYear}\n        minimumDate={minimumDate}\n        maximumDate={maximumDate}\n        onChange={onChange}\n        onInputChange={(evt, date) =>\n          onInputChange && onInputChange(evt, date, \"left\")\n        }\n        onVisibleDateChange={(event, action, index) =>\n          onVisibleDateChange?.(event, action, index, \"left\")\n        }\n        invalidDateLabel={invalidDateLabel}\n        {...others}\n      />\n\n      <HvSingleCalendar\n        className={classes.singleCalendar}\n        id={rightCalendarId}\n        locale={locale}\n        value={localValue}\n        visibleMonth={rightVisibleMonth}\n        visibleYear={rightVisibleYear}\n        minimumDate={minimumDate}\n        maximumDate={maximumDate}\n        onChange={onChange}\n        onInputChange={(evt, date) =>\n          onInputChange && onInputChange(evt, date, \"right\")\n        }\n        onVisibleDateChange={(event, action, index) => {\n          onVisibleDateChange?.(event, action, index, \"right\");\n        }}\n        showEndDate\n        invalidDateLabel={invalidDateLabel}\n        {...others}\n      />\n    </div>\n  );\n\n  return (\n    <div className={classes.root}>\n      {startAdornment}\n      {rangeMode ? rangeCalendar : singleCalendar}\n    </div>\n  );\n};\n"],"names":["HvCalendar","props","classes","classesProp","id","locale","value","visibleMonth","visibleYear","rightVisibleMonth","rightVisibleYear","minimumDate","maximumDate","startAdornment","onChange","onInputChange","onVisibleDateChange","invalidDateLabel","others","useDefaultProps","useClasses","elementId","useContext","HvFormElementContext","elementValue","HvFormElementValueContext","localValue","localId","setId","rangeMode","isRange","rightCalendarId","clampedMonth","singleCalendar","HvSingleCalendar","evt","date","rangeCalendar","className","rangeCalendarContainer","children","_jsx","event","action","index","showEndDate","root"],"mappings":";;;;;;;;;;AAgHaA,MAAAA,aAAaA,CAACC,UAA2B;AAC9C,QAAA;AAAA,IACJC,SAASC;AAAAA,IACTC;AAAAA,IACAC,SAAS;AAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,cAAclB,KAAK;AACjC,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAYkB,WAAWjB,WAAW;AAEpC,QAAA;AAAA,IAAEkB;AAAAA,EAAAA,IAAcC,WAAWC,oBAAoB;AAC/CC,QAAAA,eAAeF,WAAWG,yBAAyB;AACzD,QAAMC,aAAapB,SAASkB;AAC5B,QAAMG,UAAUvB,MAAMwB,MAAMP,WAAW,iBAAiB;AAClDQ,QAAAA,YAAYC,QAAQJ,UAAU;AAC9BK,QAAAA,kBAAkBH,MAAMD,SAAS,uBAAuB;AAC9D,QAAMK,eACJzB,gBAAgBA,eAAe,KAAK,IAAIA,eAAe,KAAK;AAExD0B,QAAAA,qCACHC,kBAAgB;AAAA,IACf9B,IAAIuB;AAAAA,IACJtB;AAAAA,IACAC,OAAOoB;AAAAA,IACPnB,cAAcyB;AAAAA,IACdxB;AAAAA,IACAG;AAAAA,IACAC;AAAAA,IACAE;AAAAA,IACAC,eAAeA,CAACoB,KAAKC,SACnBrB,iBAAiBA,cAAcoB,KAAKC,MAAM,MAAM;AAAA,IAElDpB;AAAAA,IACAC;AAAAA,IAAmC,GAC/BC;AAAAA,EAAAA,CACL;AAGGmB,QAAAA,qCACJ,OAAA;AAAA,IAAKC,WAAWpC,QAAQqC;AAAAA,IAAuBC,UAAA,CAC7CC,oBAACP,kBAAgB;AAAA,MACfI,WAAWpC,QAAQ+B;AAAAA,MACnB7B,IAAIuB;AAAAA,MACJtB;AAAAA,MACAC,OAAOoB;AAAAA,MACPnB,cAAcyB;AAAAA,MACdxB;AAAAA,MACAG;AAAAA,MACAC;AAAAA,MACAE;AAAAA,MACAC,eAAeA,CAACoB,KAAKC,SACnBrB,iBAAiBA,cAAcoB,KAAKC,MAAM,MAAM;AAAA,MAElDpB,qBAAqBA,CAAC0B,OAAOC,QAAQC,UACnC5B,2DAAsB0B,OAAOC,QAAQC,OAAO;AAAA,MAE9C3B;AAAAA,MAAmC,GAC/BC;AAAAA,IAAAA,CACL,GAEDuB,oBAACP,kBAAgB;AAAA,MACfI,WAAWpC,QAAQ+B;AAAAA,MACnB7B,IAAI2B;AAAAA,MACJ1B;AAAAA,MACAC,OAAOoB;AAAAA,MACPnB,cAAcE;AAAAA,MACdD,aAAaE;AAAAA,MACbC;AAAAA,MACAC;AAAAA,MACAE;AAAAA,MACAC,eAAeA,CAACoB,KAAKC,SACnBrB,iBAAiBA,cAAcoB,KAAKC,MAAM,OAAO;AAAA,MAEnDpB,qBAAqBA,CAAC0B,OAAOC,QAAQC,UAAU;AACvBF,mEAAAA,OAAOC,QAAQC,OAAO;AAAA,MAC9C;AAAA,MACAC,aAAW;AAAA,MACX5B;AAAAA,MAAmC,GAC/BC;AAAAA,IAAAA,CACL,CAAC;AAAA,EAAA,CACC;AAGP,8BACE,OAAA;AAAA,IAAKoB,WAAWpC,QAAQ4C;AAAAA,IAAKN,WAC1B3B,gBACAgB,YAAYQ,gBAAgBJ,cAAc;AAAA,EAAA,CACxC;AAET;"}
+{"version":3,"file":"Calendar.js","sources":["../../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport React, { useContext } from \"react\";\n\nimport { setId } from \"@core/utils/setId\";\nimport {\n  HvFormElementContext,\n  HvFormElementValueContext,\n} from \"@core/components/Forms\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { isRange } from \"./utils\";\nimport { HvSingleCalendar } from \"./SingleCalendar\";\nimport { DateRangeProp, VisibilitySelectorActions } from \"./types\";\n\nimport { staticClasses, useClasses } from \"./Calendar.styles\";\n\nexport { staticClasses as calendarClasses };\n\nexport type HvCalendarClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvCalendarProps {\n  /**\n   * Styles applied from the theme.\n   */\n  classes?: HvCalendarClasses;\n  /**\n   * Identifier.\n   */\n  id?: string;\n  /**\n   * The calendar locale. If undefined, it defaults to en-US\n   *\n   */\n  locale?: string;\n  /**\n   * Date that the calendar would show.\n   * if using the object format the calendar enter in range mode showing two calendars\n   */\n  value?: DateRangeProp | Date;\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleMonth?: number;\n  /**\n   * Controls the visible year of the Calendar\n   */\n  visibleYear?: number;\n  /**\n   * Controls the visible month of the Calendar on the right side of the datepicker\n   */\n  rightVisibleMonth?: number;\n  /**\n   * Controls the visible year of the Calendar on the right side of the datepicker\n   */\n  rightVisibleYear?: number;\n  /**\n   * Callback function to be triggered when the selected date has changed.\n   */\n  onChange?: (\n    event:\n      | React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>\n      | undefined,\n    value: Date | DateRangeProp\n  ) => void;\n  /**\n   * Callback function to be triggered when the selected date input has changed.\n   */\n  onInputChange?: (\n    event:\n      | React.ChangeEvent<\n          HTMLTextAreaElement | HTMLInputElement | HTMLButtonElement\n        >\n      | undefined,\n    value: Date | DateRangeProp,\n    position: \"left\" | \"right\"\n  ) => void;\n  /**\n   * Callback function to be triggered when the user clicks on the month or year selector.\n   * it receives the action that was pressed:\n   * previous_month, next_month, previous_year, next_year,month\n   */\n  onVisibleDateChange?: (\n    event:\n      | React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>\n      | undefined,\n    action: VisibilitySelectorActions,\n    value?: Date | DateRangeProp | number,\n    position?: \"left\" | \"right\"\n  ) => void;\n  /**\n   * The maximum selectable date after this all values are disabled.\n   */\n  maximumDate?: Date;\n  /**\n   * The minimum selectable date before this all values are disabled.\n   */\n  minimumDate?: Date;\n  /**\n   * An element placed before the Calendar\n   */\n  startAdornment?: React.ReactNode;\n  /**\n   * Indicates if header should display the day of week.\n   */\n  showDayOfWeek?: boolean;\n  /**\n   * Label shown when date is invalid.\n   */\n  invalidDateLabel?: string;\n}\n\nexport const HvCalendar = (props: HvCalendarProps) => {\n  const {\n    classes: classesProp,\n    id,\n    locale = \"en-US\",\n    value,\n    visibleMonth,\n    visibleYear,\n    rightVisibleMonth,\n    rightVisibleYear,\n    minimumDate,\n    maximumDate,\n    startAdornment,\n    onChange,\n    onInputChange,\n    onVisibleDateChange,\n    invalidDateLabel,\n    ...others\n  } = useDefaultProps(\"HvCalendar\", props);\n  const { classes } = useClasses(classesProp);\n\n  const { elementId } = useContext(HvFormElementContext);\n  const elementValue = useContext(HvFormElementValueContext);\n  const localValue = value ?? elementValue;\n  const localId = id ?? setId(elementId, \"single-calendar\");\n  const rangeMode = isRange(localValue);\n  const rightCalendarId = setId(localId, \"single-calendar-right\");\n  const clampedMonth =\n    visibleMonth && visibleMonth % 13 > 0 ? visibleMonth % 13 : 1;\n\n  const singleCalendar = (\n    <HvSingleCalendar\n      id={localId}\n      locale={locale}\n      value={localValue}\n      visibleMonth={clampedMonth}\n      visibleYear={visibleYear}\n      minimumDate={minimumDate}\n      maximumDate={maximumDate}\n      onChange={onChange}\n      onInputChange={(evt, date) =>\n        onInputChange && onInputChange(evt, date, \"left\")\n      }\n      onVisibleDateChange={onVisibleDateChange}\n      invalidDateLabel={invalidDateLabel}\n      {...others}\n    />\n  );\n\n  const rangeCalendar = (\n    <div className={classes.rangeCalendarContainer}>\n      <HvSingleCalendar\n        className={classes.singleCalendar}\n        id={localId}\n        locale={locale}\n        value={localValue}\n        visibleMonth={clampedMonth}\n        visibleYear={visibleYear}\n        minimumDate={minimumDate}\n        maximumDate={maximumDate}\n        onChange={onChange}\n        onInputChange={(evt, date) =>\n          onInputChange && onInputChange(evt, date, \"left\")\n        }\n        onVisibleDateChange={(event, action, index) =>\n          onVisibleDateChange?.(event, action, index, \"left\")\n        }\n        invalidDateLabel={invalidDateLabel}\n        {...others}\n      />\n\n      <HvSingleCalendar\n        className={classes.singleCalendar}\n        id={rightCalendarId}\n        locale={locale}\n        value={localValue}\n        visibleMonth={rightVisibleMonth}\n        visibleYear={rightVisibleYear}\n        minimumDate={minimumDate}\n        maximumDate={maximumDate}\n        onChange={onChange}\n        onInputChange={(evt, date) =>\n          onInputChange && onInputChange(evt, date, \"right\")\n        }\n        onVisibleDateChange={(event, action, index) => {\n          onVisibleDateChange?.(event, action, index, \"right\");\n        }}\n        showEndDate\n        invalidDateLabel={invalidDateLabel}\n        {...others}\n      />\n    </div>\n  );\n\n  return (\n    <div className={classes.root}>\n      {startAdornment}\n      {rangeMode ? rangeCalendar : singleCalendar}\n    </div>\n  );\n};\n"],"names":["HvCalendar","props","classes","classesProp","id","locale","value","visibleMonth","visibleYear","rightVisibleMonth","rightVisibleYear","minimumDate","maximumDate","startAdornment","onChange","onInputChange","onVisibleDateChange","invalidDateLabel","others","useDefaultProps","useClasses","elementId","useContext","HvFormElementContext","elementValue","HvFormElementValueContext","localValue","localId","setId","rangeMode","isRange","rightCalendarId","clampedMonth","singleCalendar","evt","date","rangeCalendar","rangeCalendarContainer","event","action","index","root"],"mappings":";;;;;;;;;;AAgHaA,MAAAA,aAAaA,CAACC,UAA2B;AAC9C,QAAA;AAAA,IACJC,SAASC;AAAAA,IACTC;AAAAA,IACAC,SAAS;AAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,cAAclB,KAAK;AACjC,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAYkB,WAAWjB,WAAW;AAEpC,QAAA;AAAA,IAAEkB;AAAAA,EAAAA,IAAcC,WAAWC,oBAAoB;AAC/CC,QAAAA,eAAeF,WAAWG,yBAAyB;AACzD,QAAMC,aAAapB,SAASkB;AAC5B,QAAMG,UAAUvB,MAAMwB,MAAMP,WAAW,iBAAiB;AAClDQ,QAAAA,YAAYC,QAAQJ,UAAU;AAC9BK,QAAAA,kBAAkBH,MAAMD,SAAS,uBAAuB;AAC9D,QAAMK,eACJzB,gBAAgBA,eAAe,KAAK,IAAIA,eAAe,KAAK;AAExD0B,QAAAA,iBACH,oBAAA,kBAAA,EACC,IAAIN,SACJ,QACA,OAAOD,YACP,cAAcM,cACd,aACA,aACA,aACA,UACA,eAAe,CAACE,KAAKC,SACnBpB,iBAAiBA,cAAcmB,KAAKC,MAAM,MAAM,GAElD,qBACA,kBACIjB,GAAAA,OAEP,CAAA;AAED,QAAMkB,gBACJ,qBAAC,OAAI,EAAA,WAAWlC,QAAQmC,wBACtB,UAAA;AAAA,IAAA,oBAAC,oBACC,WAAWnC,QAAQ+B,gBACnB,IAAIN,SACJ,QACA,OAAOD,YACP,cAAcM,cACd,aACA,aACA,aACA,UACA,eAAe,CAACE,KAAKC,SACnBpB,iBAAiBA,cAAcmB,KAAKC,MAAM,MAAM,GAElD,qBAAqB,CAACG,OAAOC,QAAQC,UACnCxB,2DAAsBsB,OAAOC,QAAQC,OAAO,SAE9C,kBACItB,GAAAA,QAAO;AAAA,IAGZ,oBAAA,kBAAA,EACC,WAAWhB,QAAQ+B,gBACnB,IAAIF,iBACJ,QACA,OAAOL,YACP,cAAcjB,mBACd,aAAaC,kBACb,aACA,aACA,UACA,eAAe,CAACwB,KAAKC,SACnBpB,iBAAiBA,cAAcmB,KAAKC,MAAM,OAAO,GAEnD,qBAAqB,CAACG,OAAOC,QAAQC,UAAU;AACvBF,iEAAAA,OAAOC,QAAQC,OAAO;AAAA,IAE9C,GAAA,aAAW,MACX,kBACItB,GAAAA,OAAO,CAAA;AAAA,EAEf,EAAA,CAAA;AAGF,SACG,qBAAA,OAAA,EAAI,WAAWhB,QAAQuC,MACrB5B,UAAAA;AAAAA,IAAAA;AAAAA,IACAgB,YAAYO,gBAAgBH;AAAAA,EAC/B,EAAA,CAAA;AAEJ;"}

package/dist/esm/components/Calendar/CalendarHeader/CalendarHeader.js

@@ -1,3 +1,4 @@
+import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
 import { useContext, useState, useEffect } from "react";
 import { Info } from "@hitachivantara/uikit-react-icons";
 import dayjs from "dayjs";
@@ -10,7 +11,6 @@ import { setId } from "../../../utils/setId.js";
 import { isRange, isDate, formatToLocale, isSameDay } from "../utils.js";
 import { useClasses } from "./CalendarHeader.styles.js";
 import { staticClasses } from "./CalendarHeader.styles.js";
-import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
 import { HvFormElementValueContext } from "../../Forms/FormElement/context/FormElementValueContext.js";
 import { HvFormElementContext } from "../../Forms/FormElement/context/FormElementContext.js";
 import { HvFormElementDescriptorsContext } from "../../Forms/FormElement/context/FormElementDescriptorsContext.js";
@@ -112,49 +112,21 @@ const HvCalendarHeader = ({
   const onChangeHandler = (event) => {
     setEditedValue(event.target.value);
   };
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [/* @__PURE__ */ jsxs("div", {
-      id: localId,
-      className: cx(classes.root, {
-        [classes.invalid]: !isValidValue && inputValue !== ""
-      }),
-      children: [showDayOfWeek && /* @__PURE__ */ jsx(HvTypography, {
-        className: classes.headerDayOfWeek,
-        children: weekdayDisplay || " "
-      }), /* @__PURE__ */ jsx("div", {
-        className: classes.headerDate,
-        children: /* @__PURE__ */ jsx("input", {
-          type: "text",
-          id: setId(localId, "header-input"),
-          placeholder: localeFormat,
-          value: inputValue,
-          className: classes.input,
-          onBlur: onBlurHandler,
-          onFocus: onFocusHandler,
-          onChange: onChangeHandler,
-          onKeyDown: keyDownHandler,
-          "aria-labelledby": (_a = label == null ? void 0 : label[0]) == null ? void 0 : _a.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: "body",
-        className: classes == null ? void 0 : classes.invalidMessageStyling,
-        children: [/* @__PURE__ */ jsx(Info, {
-          color: "brand",
-          iconSize: "S"
-        }), invalidDateLabel]
-      })
-    })]
-  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { id: localId, className: cx(classes.root, {
+      [classes.invalid]: !isValidValue && inputValue !== ""
+    }), children: [
+      showDayOfWeek && /* @__PURE__ */ jsx(HvTypography, { className: classes.headerDayOfWeek, children: weekdayDisplay || " " }),
+      /* @__PURE__ */ jsx("div", { className: classes.headerDate, children: /* @__PURE__ */ jsx("input", { type: "text", id: setId(localId, "header-input"), placeholder: localeFormat, value: inputValue, className: classes.input, onBlur: onBlurHandler, onFocus: onFocusHandler, onChange: onChangeHandler, onKeyDown: keyDownHandler, "aria-labelledby": (_a = label == null ? void 0 : label[0]) == null ? void 0 : _a.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: "body", className: classes == null ? void 0 : classes.invalidMessageStyling, children: [
+      /* @__PURE__ */ jsx(Info, { color: "brand", iconSize: "S" }),
+      invalidDateLabel
+    ] }) })
+  ] });
 };
 HvCalendarHeader.formElementType = "HvCalendarHeader";
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarHeader.js","sources":["../../../../../src/components/Calendar/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import { useState, useEffect, useContext } from \"react\";\n\nimport { Info } from \"@hitachivantara/uikit-react-icons\";\n\nimport dayjs from \"dayjs\";\nimport localeData from \"dayjs/plugin/localeData\";\nimport localizedFormat from \"dayjs/plugin/localizedFormat\";\nimport customParseFormat from \"dayjs/plugin/customParseFormat\";\n\nimport isNil from \"lodash/isNil\";\n\nimport {\n  HvFormElementContext,\n  HvFormElementValueContext,\n  HvFormElementDescriptorsContext,\n} from \"@core/components/Forms\";\nimport { isKey } from \"@core/utils/keyboardUtils\";\nimport { setId } from \"@core/utils/setId\";\n\nimport { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { isRange, isSameDay, formatToLocale, isDate } from \"../utils\";\nimport { DateRangeProp } from \"../types\";\nimport { staticClasses, useClasses } from \"./CalendarHeader.styles\";\n\nexport { staticClasses as calendarHeaderClasses };\n\nexport type HvCalendarHeaderClasses = ExtractNames<typeof useClasses>;\n\ndayjs.extend(localeData);\ndayjs.extend(localizedFormat);\ndayjs.extend(customParseFormat);\n\nexport const HvCalendarHeader = ({\n  id,\n  value,\n  locale = \"en-US\",\n  classes: classesProp,\n  onChange,\n  showEndDate,\n  showDayOfWeek = false,\n  onFocus,\n  invalidDateLabel = \"Invalid Date\",\n  ...others\n}: HvCalendarHeaderProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  const { elementId } = useContext(HvFormElementContext);\n  const elementValue = useContext(HvFormElementValueContext);\n  const { label } = useContext(HvFormElementDescriptorsContext);\n\n  let localValue: string | Date | DateRangeProp | undefined =\n    value ?? elementValue ?? \"\";\n  if (isRange(localValue)) {\n    localValue = showEndDate ? localValue.endDate : localValue.startDate;\n  }\n  const [dateValue, setDateValue] = useState<\n    string | Date | DateRangeProp | undefined\n  >(localValue);\n  const [editedValue, setEditedValue] = useState<string | null>(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, {\n        weekday: \"short\",\n      }).format(isDate(localValue) ? localValue : 0);\n      setDisplayValue(formatToLocale(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\n      ? localeParsedDate.toDate()\n      : 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 (!isKey(event, \"Enter\") || isNil(editedValue) || editedValue === \"\")\n      return;\n    event.preventDefault();\n\n    handleNewDate(event, editedValue);\n  };\n\n  const onFocusHandler = (event) => {\n    if (!localValue) return;\n    const formattedDate =\n      isValidValue && isDate(localValue)\n        ? dayjs(localValue).locale(locale).format(\"L\")\n        : 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={cx(classes.root, {\n          [classes.invalid]: !isValidValue && inputValue !== \"\",\n        })}\n      >\n        {showDayOfWeek && (\n          <HvTypography className={classes.headerDayOfWeek}>\n            {weekdayDisplay || \"\\u00A0\"}\n          </HvTypography>\n        )}\n\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=\"body\"\n            className={classes?.invalidMessageStyling}\n          >\n            <Info color=\"brand\" iconSize=\"S\" />\n            {invalidDateLabel}\n          </HvTypography>\n        )}\n      </div>\n    </>\n  );\n};\n\n// TODO: refactor this out\nHvCalendarHeader.formElementType = \"HvCalendarHeader\";\n\nexport interface HvCalendarHeaderProps {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvCalendarHeaderClasses;\n  /**\n   * Identifier.\n   */\n  id?: string;\n  /**\n   * The text to be shown on the main part of the header.\n   */\n  value?: string | Date | DateRangeProp;\n  /**\n   * Locale to be used by the calendar.\n   */\n  locale?: string;\n  /**\n   * Callback to define the input date.\n   */\n  onChange?: (\n    event:\n      | React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>\n      | undefined,\n    value: Date | DateRangeProp\n  ) => void;\n  /**\n   * Callback to handle input onFocus.\n   */\n  onFocus?: (\n    event: React.FocusEventHandler<any>,\n    formattedDate: string | null\n  ) => void;\n  /**\n   * Indicates if header should display end date in a date range.\n   */\n  showEndDate?: boolean;\n  /**\n   * Indicates if header should display the day of week.\n   */\n  showDayOfWeek?: boolean;\n  /**\n   * Label shown when date is invalid.\n   */\n  invalidDateLabel?: string;\n}\n"],"names":["dayjs","extend","localeData","localizedFormat","customParseFormat","HvCalendarHeader","id","value","locale","classes","classesProp","onChange","showEndDate","showDayOfWeek","onFocus","invalidDateLabel","others","cx","useClasses","elementId","useContext","HvFormElementContext","elementValue","HvFormElementValueContext","label","HvFormElementDescriptorsContext","localValue","isRange","endDate","startDate","dateValue","setDateValue","useState","editedValue","setEditedValue","displayValue","setDisplayValue","weekdayDisplay","setWeekdayDisplay","localId","setId","inputValue","localeFormat","longDateFormat","isValidValue","setIsValidValue","length","isValid","validateInput","incomingValid","undefined","useEffect","valid","weekday","Intl","DateTimeFormat","format","isDate","formatToLocale","handleNewDate","event","date","localeParsedDate","isValidInput","dateParsed","toDate","isSameDay","onBlurHandler","isNil","keyDownHandler","isKey","preventDefault","onFocusHandler","formattedDate","onChangeHandler","target","_Fragment","children","_jsxs","className","root","invalid","_jsx","HvTypography","headerDayOfWeek","headerDate","type","placeholder","input","onBlur","onKeyDown","role","inputBorderContainer","style","height","component","variant","invalidMessageStyling","Info","color","iconSize","formElementType"],"mappings":"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"}
+{"version":3,"file":"CalendarHeader.js","sources":["../../../../../src/components/Calendar/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import { useState, useEffect, useContext } from \"react\";\n\nimport { Info } from \"@hitachivantara/uikit-react-icons\";\n\nimport dayjs from \"dayjs\";\nimport localeData from \"dayjs/plugin/localeData\";\nimport localizedFormat from \"dayjs/plugin/localizedFormat\";\nimport customParseFormat from \"dayjs/plugin/customParseFormat\";\n\nimport isNil from \"lodash/isNil\";\n\nimport {\n  HvFormElementContext,\n  HvFormElementValueContext,\n  HvFormElementDescriptorsContext,\n} from \"@core/components/Forms\";\nimport { isKey } from \"@core/utils/keyboardUtils\";\nimport { setId } from \"@core/utils/setId\";\n\nimport { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { isRange, isSameDay, formatToLocale, isDate } from \"../utils\";\nimport { DateRangeProp } from \"../types\";\nimport { staticClasses, useClasses } from \"./CalendarHeader.styles\";\n\nexport { staticClasses as calendarHeaderClasses };\n\nexport type HvCalendarHeaderClasses = ExtractNames<typeof useClasses>;\n\ndayjs.extend(localeData);\ndayjs.extend(localizedFormat);\ndayjs.extend(customParseFormat);\n\nexport const HvCalendarHeader = ({\n  id,\n  value,\n  locale = \"en-US\",\n  classes: classesProp,\n  onChange,\n  showEndDate,\n  showDayOfWeek = false,\n  onFocus,\n  invalidDateLabel = \"Invalid Date\",\n  ...others\n}: HvCalendarHeaderProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  const { elementId } = useContext(HvFormElementContext);\n  const elementValue = useContext(HvFormElementValueContext);\n  const { label } = useContext(HvFormElementDescriptorsContext);\n\n  let localValue: string | Date | DateRangeProp | undefined =\n    value ?? elementValue ?? \"\";\n  if (isRange(localValue)) {\n    localValue = showEndDate ? localValue.endDate : localValue.startDate;\n  }\n  const [dateValue, setDateValue] = useState<\n    string | Date | DateRangeProp | undefined\n  >(localValue);\n  const [editedValue, setEditedValue] = useState<string | null>(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, {\n        weekday: \"short\",\n      }).format(isDate(localValue) ? localValue : 0);\n      setDisplayValue(formatToLocale(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\n      ? localeParsedDate.toDate()\n      : 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 (!isKey(event, \"Enter\") || isNil(editedValue) || editedValue === \"\")\n      return;\n    event.preventDefault();\n\n    handleNewDate(event, editedValue);\n  };\n\n  const onFocusHandler = (event) => {\n    if (!localValue) return;\n    const formattedDate =\n      isValidValue && isDate(localValue)\n        ? dayjs(localValue).locale(locale).format(\"L\")\n        : 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={cx(classes.root, {\n          [classes.invalid]: !isValidValue && inputValue !== \"\",\n        })}\n      >\n        {showDayOfWeek && (\n          <HvTypography className={classes.headerDayOfWeek}>\n            {weekdayDisplay || \"\\u00A0\"}\n          </HvTypography>\n        )}\n\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=\"body\"\n            className={classes?.invalidMessageStyling}\n          >\n            <Info color=\"brand\" iconSize=\"S\" />\n            {invalidDateLabel}\n          </HvTypography>\n        )}\n      </div>\n    </>\n  );\n};\n\n// TODO: refactor this out\nHvCalendarHeader.formElementType = \"HvCalendarHeader\";\n\nexport interface HvCalendarHeaderProps {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvCalendarHeaderClasses;\n  /**\n   * Identifier.\n   */\n  id?: string;\n  /**\n   * The text to be shown on the main part of the header.\n   */\n  value?: string | Date | DateRangeProp;\n  /**\n   * Locale to be used by the calendar.\n   */\n  locale?: string;\n  /**\n   * Callback to define the input date.\n   */\n  onChange?: (\n    event:\n      | React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>\n      | undefined,\n    value: Date | DateRangeProp\n  ) => void;\n  /**\n   * Callback to handle input onFocus.\n   */\n  onFocus?: (\n    event: React.FocusEventHandler<any>,\n    formattedDate: string | null\n  ) => void;\n  /**\n   * Indicates if header should display end date in a date range.\n   */\n  showEndDate?: boolean;\n  /**\n   * Indicates if header should display the day of week.\n   */\n  showDayOfWeek?: boolean;\n  /**\n   * Label shown when date is invalid.\n   */\n  invalidDateLabel?: string;\n}\n"],"names":["dayjs","extend","localeData","localizedFormat","customParseFormat","HvCalendarHeader","id","value","locale","classes","classesProp","onChange","showEndDate","showDayOfWeek","onFocus","invalidDateLabel","others","cx","useClasses","elementId","useContext","HvFormElementContext","elementValue","HvFormElementValueContext","label","HvFormElementDescriptorsContext","localValue","isRange","endDate","startDate","dateValue","setDateValue","useState","editedValue","setEditedValue","displayValue","setDisplayValue","weekdayDisplay","setWeekdayDisplay","localId","setId","inputValue","localeFormat","longDateFormat","isValidValue","setIsValidValue","length","isValid","validateInput","incomingValid","undefined","useEffect","valid","weekday","Intl","DateTimeFormat","format","isDate","formatToLocale","handleNewDate","event","date","localeParsedDate","isValidInput","dateParsed","toDate","isSameDay","onBlurHandler","isNil","keyDownHandler","isKey","preventDefault","onFocusHandler","formattedDate","onChangeHandler","target","root","invalid","headerDayOfWeek","headerDate","input","inputBorderContainer","height","invalidMessageStyling","formElementType"],"mappings":"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"}

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

@@ -1,8 +1,8 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { setId } from "../../../../utils/setId.js";
 import { getMonthNamesList } from "../../utils.js";
 import { useClasses } from "./ComposedNavigation.styles.js";
 import { staticClasses } from "./ComposedNavigation.styles.js";
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { Navigation } from "../Navigation/Navigation.js";
 const HvComposedNavigation = ({
   classes: classesProp,
@@ -19,36 +19,20 @@ const HvComposedNavigation = ({
   } = useClasses(classesProp);
   const listMonthNamesLong = getMonthNamesList(locale, "long");
   const monthName = listMonthNamesLong[visibleMonth - 1];
-  return /* @__PURE__ */ jsxs("div", {
-    className: classes.navigationContainer,
-    ...others,
-    children: [/* @__PURE__ */ jsx("div", {
-      className: classes.navigationMonth,
-      children: /* @__PURE__ */ jsx(Navigation, {
-        id: setId(id, "navigation-month"),
-        navigationText: monthName,
-        onNavigatePrevious: (event) => {
-          onChange == null ? void 0 : onChange(event, "previous_month");
-        },
-        onNavigateNext: (event) => {
-          onChange == null ? void 0 : onChange(event, "next_month");
-        },
-        onTextClick: () => {
-          onViewModeChange("monthly");
-        },
-        className: classes.navigationMonth
-      })
-    }), /* @__PURE__ */ jsx(Navigation, {
-      id: setId(id, "navigation-year"),
-      navigationText: visibleYear.toString(),
-      onNavigatePrevious: (event) => {
-        onChange == null ? void 0 : onChange(event, "previous_year");
-      },
-      onNavigateNext: (event) => {
-        onChange == null ? void 0 : onChange(event, "next_year");
-      }
-    })]
-  });
+  return /* @__PURE__ */ jsxs("div", { className: classes.navigationContainer, ...others, children: [
+    /* @__PURE__ */ jsx("div", { className: classes.navigationMonth, children: /* @__PURE__ */ jsx(Navigation, { id: setId(id, "navigation-month"), navigationText: monthName, onNavigatePrevious: (event) => {
+      onChange == null ? void 0 : onChange(event, "previous_month");
+    }, onNavigateNext: (event) => {
+      onChange == null ? void 0 : onChange(event, "next_month");
+    }, onTextClick: () => {
+      onViewModeChange("monthly");
+    }, className: classes.navigationMonth }) }),
+    /* @__PURE__ */ jsx(Navigation, { id: setId(id, "navigation-year"), navigationText: visibleYear.toString(), onNavigatePrevious: (event) => {
+      onChange == null ? void 0 : onChange(event, "previous_year");
+    }, onNavigateNext: (event) => {
+      onChange == null ? void 0 : onChange(event, "next_year");
+    } })
+  ] });
 };
 export {
   HvComposedNavigation,

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

@@ -1 +1 @@
-{"version":3,"file":"ComposedNavigation.js","sources":["../../../../../../src/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.tsx"],"sourcesContent":["import { setId } from \"@core/utils/setId\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { getMonthNamesList } from \"../../utils\";\nimport { ViewMode } from \"../../enums\";\nimport { Navigation } from \"../Navigation\";\nimport { VisibilitySelectorActions } from \"../../types\";\n\nimport { staticClasses, useClasses } from \"./ComposedNavigation.styles\";\n\nexport { staticClasses as composedNavigationClasses };\n\nexport type HvComposedNavigationClasses = ExtractNames<typeof useClasses>;\n\nexport const HvComposedNavigation = ({\n  classes: classesProp,\n  id,\n  locale,\n  onChange,\n  onViewModeChange,\n  visibleYear,\n  visibleMonth,\n  ...others\n}: HvComposedNavigationProps) => {\n  const { classes } = useClasses(classesProp);\n\n  const listMonthNamesLong = getMonthNamesList(locale, \"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, \"previous_month\");\n          }}\n          onNavigateNext={(event) => {\n            onChange?.(event, \"next_month\");\n          }}\n          onTextClick={() => {\n            onViewModeChange(\"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, \"previous_year\");\n        }}\n        onNavigateNext={(event) => {\n          onChange?.(event, \"next_year\");\n        }}\n      />\n    </div>\n  );\n};\n\nexport interface HvComposedNavigationProps {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvComposedNavigationClasses;\n  /**\n   * Identifier.\n   */\n  id?: string;\n  /**\n   * Locale to be used by the calendar.\n   */\n  locale?: string;\n  /**\n   * Callback to define the input date.\n   */\n  onChange?: (event, action: VisibilitySelectorActions) => void;\n  /**\n   * Callback to define the view mode.\n   */\n  onViewModeChange: (viewMode: ViewMode) => void;\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleMonth: number;\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleYear: number;\n}\n"],"names":["HvComposedNavigation","classes","classesProp","id","locale","onChange","onViewModeChange","visibleYear","visibleMonth","others","useClasses","listMonthNamesLong","getMonthNamesList","monthName","className","navigationContainer","children","_jsx","navigationMonth","Navigation","setId","navigationText","onNavigatePrevious","event","onNavigateNext","onTextClick","toString"],"mappings":";;;;;;AAcO,MAAMA,uBAAuBA,CAAC;AAAA,EACnCC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACsB,MAAM;AACzB,QAAA;AAAA,IAAER;AAAAA,EAAAA,IAAYS,WAAWR,WAAW;AAEpCS,QAAAA,qBAAqBC,kBAAkBR,QAAQ,MAAM;AACrDS,QAAAA,YAAYF,mBAAmBH,eAAe,CAAC;AAErD,8BACE,OAAA;AAAA,IAAKM,WAAWb,QAAQc;AAAAA,IAAoB,GAAKN;AAAAA,IAAMO,WACrDC,oBAAA,OAAA;AAAA,MAAKH,WAAWb,QAAQiB;AAAAA,MAAgBF,8BACrCG,YAAU;AAAA,QACThB,IAAIiB,MAAMjB,IAAI,kBAAkB;AAAA,QAChCkB,gBAAgBR;AAAAA,QAChBS,oBAAqBC,CAAU,UAAA;AAC7BlB,+CAAWkB,OAAO;AAAA,QACpB;AAAA,QACAC,gBAAiBD,CAAU,UAAA;AACzBlB,+CAAWkB,OAAO;AAAA,QACpB;AAAA,QACAE,aAAaA,MAAM;AACjBnB,2BAAiB,SAAS;AAAA,QAC5B;AAAA,QACAQ,WAAWb,QAAQiB;AAAAA,MAAAA,CACpB;AAAA,IAAA,CACE,GAELD,oBAACE,YAAU;AAAA,MACThB,IAAIiB,MAAMjB,IAAI,iBAAiB;AAAA,MAC/BkB,gBAAgBd,YAAYmB,SAAS;AAAA,MACrCJ,oBAAqBC,CAAU,UAAA;AAC7BlB,6CAAWkB,OAAO;AAAA,MACpB;AAAA,MACAC,gBAAiBD,CAAU,UAAA;AACzBlB,6CAAWkB,OAAO;AAAA,MACpB;AAAA,IAAA,CACD,CAAC;AAAA,EAAA,CACC;AAET;"}
+{"version":3,"file":"ComposedNavigation.js","sources":["../../../../../../src/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.tsx"],"sourcesContent":["import { setId } from \"@core/utils/setId\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { getMonthNamesList } from \"../../utils\";\nimport { ViewMode } from \"../../enums\";\nimport { Navigation } from \"../Navigation\";\nimport { VisibilitySelectorActions } from \"../../types\";\n\nimport { staticClasses, useClasses } from \"./ComposedNavigation.styles\";\n\nexport { staticClasses as composedNavigationClasses };\n\nexport type HvComposedNavigationClasses = ExtractNames<typeof useClasses>;\n\nexport const HvComposedNavigation = ({\n  classes: classesProp,\n  id,\n  locale,\n  onChange,\n  onViewModeChange,\n  visibleYear,\n  visibleMonth,\n  ...others\n}: HvComposedNavigationProps) => {\n  const { classes } = useClasses(classesProp);\n\n  const listMonthNamesLong = getMonthNamesList(locale, \"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, \"previous_month\");\n          }}\n          onNavigateNext={(event) => {\n            onChange?.(event, \"next_month\");\n          }}\n          onTextClick={() => {\n            onViewModeChange(\"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, \"previous_year\");\n        }}\n        onNavigateNext={(event) => {\n          onChange?.(event, \"next_year\");\n        }}\n      />\n    </div>\n  );\n};\n\nexport interface HvComposedNavigationProps {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvComposedNavigationClasses;\n  /**\n   * Identifier.\n   */\n  id?: string;\n  /**\n   * Locale to be used by the calendar.\n   */\n  locale?: string;\n  /**\n   * Callback to define the input date.\n   */\n  onChange?: (event, action: VisibilitySelectorActions) => void;\n  /**\n   * Callback to define the view mode.\n   */\n  onViewModeChange: (viewMode: ViewMode) => void;\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleMonth: number;\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleYear: number;\n}\n"],"names":["HvComposedNavigation","classes","classesProp","id","locale","onChange","onViewModeChange","visibleYear","visibleMonth","others","useClasses","listMonthNamesLong","getMonthNamesList","monthName","navigationContainer","navigationMonth","setId","event","toString"],"mappings":";;;;;;AAcO,MAAMA,uBAAuBA,CAAC;AAAA,EACnCC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACsB,MAAM;AACzB,QAAA;AAAA,IAAER;AAAAA,EAAAA,IAAYS,WAAWR,WAAW;AAEpCS,QAAAA,qBAAqBC,kBAAkBR,QAAQ,MAAM;AACrDS,QAAAA,YAAYF,mBAAmBH,eAAe,CAAC;AAErD,8BACG,OAAI,EAAA,WAAWP,QAAQa,qBAAqB,GAAIL,QAC/C,UAAA;AAAA,IAAA,oBAAC,OAAI,EAAA,WAAWR,QAAQc,iBACtB,8BAAC,YACC,EAAA,IAAIC,MAAMb,IAAI,kBAAkB,GAChC,gBAAgBU,WAChB,oBAAqBI,CAAU,UAAA;AAC7BZ,2CAAWY,OAAO;AAAA,IAAgB,GAEpC,gBAAiBA,CAAU,UAAA;AACzBZ,2CAAWY,OAAO;AAAA,IACpB,GACA,aAAa,MAAM;AACjBX,uBAAiB,SAAS;AAAA,IAE5B,GAAA,WAAWL,QAAQc,gBAAAA,CAAgB,EAEvC,CAAA;AAAA,IAEC,oBAAA,YAAA,EACC,IAAIC,MAAMb,IAAI,iBAAiB,GAC/B,gBAAgBI,YAAYW,SAC5B,GAAA,oBAAqBD,CAAU,UAAA;AAC7BZ,2CAAWY,OAAO;AAAA,IAAe,GAEnC,gBAAiBA,CAAU,UAAA;AACzBZ,2CAAWY,OAAO;AAAA,IAAW,GAC7B;AAAA,EAEN,EAAA,CAAA;AAEJ;"}

package/dist/esm/components/Calendar/CalendarNavigation/MonthSelector/MonthSelector.js

@@ -1,8 +1,8 @@
+import { jsx } from "@emotion/react/jsx-runtime";
 import { isKey } from "../../../../utils/keyboardUtils.js";
 import { getMonthNamesList } from "../../utils.js";
 import { useClasses } from "./MonthSelector.styles.js";
 import { staticClasses } from "./MonthSelector.styles.js";
-import { jsx } from "@emotion/react/jsx-runtime";
 import { HvTypography } from "../../../Typography/Typography.js";
 const HvMonthSelector = ({
   classes: classesProp,
@@ -25,29 +25,15 @@ const HvMonthSelector = ({
       onViewModeChange("calendar");
     }
   };
-  return /* @__PURE__ */ jsx("div", {
-    className: cx(classes.calendarMonthlyGrid, {
-      [classes.rangeModeWidth]: rangeMode,
-      [classes.normalWidth]: !rangeMode
-    }),
-    children: listMonthNamesShort.map((monthName, index) => /* @__PURE__ */ jsx("div", {
-      className: classes.focusSelection,
-      role: "button",
-      onClick: (event) => {
-        onChange == null ? void 0 : onChange(event, "month", index + 1);
-        onViewModeChange("calendar");
-      },
-      onKeyDown: (event) => onKeyDownHandler(event, index),
-      tabIndex: 0,
-      ...others,
-      children: /* @__PURE__ */ jsx(HvTypography, {
-        className: cx(classes.calendarMonthlyCell, {
-          [classes.calendarMonthlyCellSelected]: index + 1 === visibleMonth
-        }),
-        children: monthName
-      })
-    }, monthName))
-  });
+  return /* @__PURE__ */ jsx("div", { className: cx(classes.calendarMonthlyGrid, {
+    [classes.rangeModeWidth]: rangeMode,
+    [classes.normalWidth]: !rangeMode
+  }), children: listMonthNamesShort.map((monthName, index) => /* @__PURE__ */ jsx("div", { className: classes.focusSelection, role: "button", onClick: (event) => {
+    onChange == null ? void 0 : onChange(event, "month", index + 1);
+    onViewModeChange("calendar");
+  }, onKeyDown: (event) => onKeyDownHandler(event, index), tabIndex: 0, ...others, children: /* @__PURE__ */ jsx(HvTypography, { className: cx(classes.calendarMonthlyCell, {
+    [classes.calendarMonthlyCellSelected]: index + 1 === visibleMonth
+  }), children: monthName }) }, monthName)) });
 };
 export {
   HvMonthSelector,

package/dist/esm/components/Calendar/CalendarNavigation/MonthSelector/MonthSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthSelector.js","sources":["../../../../../../src/components/Calendar/CalendarNavigation/MonthSelector/MonthSelector.tsx"],"sourcesContent":["import { isKey } from \"@core/utils/keyboardUtils\";\n\nimport { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { getMonthNamesList } from \"../../utils\";\nimport { ViewMode } from \"../../enums\";\nimport { DateRangeProp, VisibilitySelectorActions } from \"../../types\";\n\nimport { staticClasses, useClasses } from \"./MonthSelector.styles\";\n\nexport { staticClasses as monthSelectorClasses };\n\nexport type HvMonthSelectorClasses = ExtractNames<typeof useClasses>;\n\nexport const HvMonthSelector = ({\n  classes: classesProp,\n  id,\n  locale,\n  onChange,\n  onViewModeChange,\n  rangeMode,\n  visibleMonth,\n  ...others\n}: HvMonthSelectorProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  const listMonthNamesShort = getMonthNamesList(locale, \"short\");\n  const onKeyDownHandler = (event, index) => {\n    if (isKey(event, \"Enter\")) {\n      onChange?.(event, \"month\", index + 1);\n      onViewModeChange(\"calendar\");\n    }\n  };\n  return (\n    <div\n      className={cx(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, \"month\", index + 1);\n            onViewModeChange(\"calendar\");\n          }}\n          onKeyDown={(event) => onKeyDownHandler(event, index)}\n          tabIndex={0}\n          {...others}\n        >\n          <HvTypography\n            className={cx(classes.calendarMonthlyCell, {\n              [classes.calendarMonthlyCellSelected]: index + 1 === visibleMonth,\n            })}\n          >\n            {monthName}\n          </HvTypography>\n        </div>\n      ))}\n    </div>\n  );\n};\n\nexport interface HvMonthSelectorProps {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvMonthSelectorClasses;\n  /**\n   * Identifier.\n   */\n  id?: string;\n  /**\n   * Locale to be used by the calendar.\n   */\n  locale?: string;\n  /**\n   * Callback to define the input date.\n   */\n  onChange?: (\n    event: any,\n    action: VisibilitySelectorActions,\n    value: Date | DateRangeProp | number\n  ) => void;\n  /**\n   * Callback to define the input date.\n   */\n  onViewModeChange: (viewMode: ViewMode) => void;\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleMonth: number;\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleYear?: number;\n  rangeMode?: boolean;\n}\n"],"names":["HvMonthSelector","classes","classesProp","id","locale","onChange","onViewModeChange","rangeMode","visibleMonth","others","cx","useClasses","listMonthNamesShort","getMonthNamesList","onKeyDownHandler","event","index","isKey","className","calendarMonthlyGrid","rangeModeWidth","normalWidth","children","map","monthName","focusSelection","role","onClick","onKeyDown","tabIndex","HvTypography","calendarMonthlyCell","calendarMonthlyCellSelected"],"mappings":";;;;;;AAcO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACiB,MAAM;AACpB,QAAA;AAAA,IAAER;AAAAA,IAASS;AAAAA,EAAAA,IAAOC,WAAWT,WAAW;AAExCU,QAAAA,sBAAsBC,kBAAkBT,QAAQ,OAAO;AACvDU,QAAAA,mBAAmBA,CAACC,OAAOC,UAAU;AACrCC,QAAAA,MAAMF,OAAO,OAAO,GAAG;AACdA,2CAAAA,OAAO,SAASC,QAAQ;AACnCV,uBAAiB,UAAU;AAAA,IAC7B;AAAA,EAAA;AAEF,6BACE,OAAA;AAAA,IACEY,WAAWR,GAAGT,QAAQkB,qBAAqB;AAAA,MACzC,CAAClB,QAAQmB,cAAc,GAAGb;AAAAA,MAC1B,CAACN,QAAQoB,WAAW,GAAG,CAACd;AAAAA,IAAAA,CACzB;AAAA,IAAEe,UAEFV,oBAAoBW,IAAI,CAACC,WAAWR,8BACnC,OAAA;AAAA,MACEE,WAAWjB,QAAQwB;AAAAA,MAEnBC,MAAK;AAAA,MACLC,SAAUZ,CAAU,UAAA;AACPA,6CAAAA,OAAO,SAASC,QAAQ;AACnCV,yBAAiB,UAAU;AAAA,MAC7B;AAAA,MACAsB,WAAYb,CAAAA,UAAUD,iBAAiBC,OAAOC,KAAK;AAAA,MACnDa,UAAU;AAAA,MAAE,GACRpB;AAAAA,MAAMa,8BAETQ,cAAY;AAAA,QACXZ,WAAWR,GAAGT,QAAQ8B,qBAAqB;AAAA,UACzC,CAAC9B,QAAQ+B,2BAA2B,GAAGhB,QAAQ,MAAMR;AAAAA,QAAAA,CACtD;AAAA,QAAEc,UAEFE;AAAAA,MAAAA,CACW;AAAA,IAAC,GAhBVA,SAiBF,CACN;AAAA,EAAA,CACE;AAET;"}
+{"version":3,"file":"MonthSelector.js","sources":["../../../../../../src/components/Calendar/CalendarNavigation/MonthSelector/MonthSelector.tsx"],"sourcesContent":["import { isKey } from \"@core/utils/keyboardUtils\";\n\nimport { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { getMonthNamesList } from \"../../utils\";\nimport { ViewMode } from \"../../enums\";\nimport { DateRangeProp, VisibilitySelectorActions } from \"../../types\";\n\nimport { staticClasses, useClasses } from \"./MonthSelector.styles\";\n\nexport { staticClasses as monthSelectorClasses };\n\nexport type HvMonthSelectorClasses = ExtractNames<typeof useClasses>;\n\nexport const HvMonthSelector = ({\n  classes: classesProp,\n  id,\n  locale,\n  onChange,\n  onViewModeChange,\n  rangeMode,\n  visibleMonth,\n  ...others\n}: HvMonthSelectorProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  const listMonthNamesShort = getMonthNamesList(locale, \"short\");\n  const onKeyDownHandler = (event, index) => {\n    if (isKey(event, \"Enter\")) {\n      onChange?.(event, \"month\", index + 1);\n      onViewModeChange(\"calendar\");\n    }\n  };\n  return (\n    <div\n      className={cx(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, \"month\", index + 1);\n            onViewModeChange(\"calendar\");\n          }}\n          onKeyDown={(event) => onKeyDownHandler(event, index)}\n          tabIndex={0}\n          {...others}\n        >\n          <HvTypography\n            className={cx(classes.calendarMonthlyCell, {\n              [classes.calendarMonthlyCellSelected]: index + 1 === visibleMonth,\n            })}\n          >\n            {monthName}\n          </HvTypography>\n        </div>\n      ))}\n    </div>\n  );\n};\n\nexport interface HvMonthSelectorProps {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvMonthSelectorClasses;\n  /**\n   * Identifier.\n   */\n  id?: string;\n  /**\n   * Locale to be used by the calendar.\n   */\n  locale?: string;\n  /**\n   * Callback to define the input date.\n   */\n  onChange?: (\n    event: any,\n    action: VisibilitySelectorActions,\n    value: Date | DateRangeProp | number\n  ) => void;\n  /**\n   * Callback to define the input date.\n   */\n  onViewModeChange: (viewMode: ViewMode) => void;\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleMonth: number;\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleYear?: number;\n  rangeMode?: boolean;\n}\n"],"names":["HvMonthSelector","classes","classesProp","id","locale","onChange","onViewModeChange","rangeMode","visibleMonth","others","cx","useClasses","listMonthNamesShort","getMonthNamesList","onKeyDownHandler","event","index","isKey","calendarMonthlyGrid","rangeModeWidth","normalWidth","map","monthName","focusSelection","calendarMonthlyCell","calendarMonthlyCellSelected"],"mappings":";;;;;;AAcO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACiB,MAAM;AACpB,QAAA;AAAA,IAAER;AAAAA,IAASS;AAAAA,EAAAA,IAAOC,WAAWT,WAAW;AAExCU,QAAAA,sBAAsBC,kBAAkBT,QAAQ,OAAO;AACvDU,QAAAA,mBAAmBA,CAACC,OAAOC,UAAU;AACrCC,QAAAA,MAAMF,OAAO,OAAO,GAAG;AACdA,2CAAAA,OAAO,SAASC,QAAQ;AACnCV,uBAAiB,UAAU;AAAA,IAC7B;AAAA,EAAA;AAEF,SACG,oBAAA,OAAA,EACC,WAAWI,GAAGT,QAAQiB,qBAAqB;AAAA,IACzC,CAACjB,QAAQkB,cAAc,GAAGZ;AAAAA,IAC1B,CAACN,QAAQmB,WAAW,GAAG,CAACb;AAAAA,EAAAA,CACzB,GAEAK,UAAoBS,oBAAAA,IAAI,CAACC,WAAWN,UAClC,oBAAA,OAAA,EACC,WAAWf,QAAQsB,gBAEnB,MAAK,UACL,SAAUR,CAAU,UAAA;AACPA,yCAAAA,OAAO,SAASC,QAAQ;AACnCV,qBAAiB,UAAU;AAAA,EAAA,GAE7B,WAAYS,CAAAA,UAAUD,iBAAiBC,OAAOC,KAAK,GACnD,UAAU,GACNP,GAAAA,QAEJ,UAAC,oBAAA,cAAA,EACC,WAAWC,GAAGT,QAAQuB,qBAAqB;AAAA,IACzC,CAACvB,QAAQwB,2BAA2B,GAAGT,QAAQ,MAAMR;AAAAA,EAAAA,CACtD,GAEAc,UAAAA,UACH,CAAA,EAhBKA,GAAAA,SAiBP,CACD,EACH,CAAA;AAEJ;"}

package/dist/esm/components/Calendar/CalendarNavigation/Navigation/Navigation.js

@@ -1,9 +1,9 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { DropLeftXS, DropRightXS } from "@hitachivantara/uikit-react-icons";
 import { isKey } from "../../../../utils/keyboardUtils.js";
 import { setId } from "../../../../utils/setId.js";
 import { useClasses } from "./Navigation.styles.js";
 import { staticClasses } from "./Navigation.styles.js";
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { HvTypography } from "../../../Typography/Typography.js";
 const Navigation = ({
   id,
@@ -26,40 +26,29 @@ const Navigation = ({
     }
   };
   const onTextClickIsFunction = typeof onTextClick === "function";
-  return /* @__PURE__ */ jsxs("div", {
-    className: classes.root,
-    children: [/* @__PURE__ */ jsx(DropLeftXS, {
-      id: setId(id, "left"),
-      className: cx(classes.icon, {
-        [classes.disabled]: !isPreviousEnabled
-      }),
-      onClick: isPreviousEnabled ? (event) => onNavigatePrevious(event) : void 0,
-      onKeyDown: (event) => isNextEnabled ? onkeyDownHandler(event, onNavigatePrevious) : void 0,
-      tabIndex: 0
-    }), /* @__PURE__ */ jsx("div", {
-      id,
-      className: cx({
-        [classes.text]: onTextClickIsFunction,
-        [classes.textWithoutHover]: !onTextClickIsFunction
-      }),
-      role: "presentation",
-      onClick: onTextClick,
-      onKeyDown: onTextClick && ((event) => onkeyDownHandler(event, onTextClick)),
-      tabIndex: onTextClick ? 0 : -1,
-      children: /* @__PURE__ */ jsx(HvTypography, {
-        variant: "body",
-        children: navigationText
-      })
-    }), /* @__PURE__ */ jsx(DropRightXS, {
-      id: setId(id, "right"),
-      className: cx(classes.icon, {
-        [classes.disabled]: !isNextEnabled
-      }),
-      onClick: isNextEnabled ? (event) => onNavigateNext(event) : void 0,
-      onKeyDown: (event) => isNextEnabled ? onkeyDownHandler(event, onNavigateNext) : void 0,
-      tabIndex: 0
-    })]
-  });
+  return /* @__PURE__ */ jsxs("div", { className: classes.root, children: [
+    /* @__PURE__ */ jsx(DropLeftXS, { id: setId(id, "left"), className: cx(classes.icon, {
+      [classes.disabled]: !isPreviousEnabled
+    }), onClick: isPreviousEnabled ? (event) => onNavigatePrevious(event) : void 0, onKeyDown: (event) => isNextEnabled ? onkeyDownHandler(event, onNavigatePrevious) : void 0, tabIndex: 0 }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        id,
+        className: cx({
+          [classes.text]: onTextClickIsFunction,
+          [classes.textWithoutHover]: !onTextClickIsFunction
+        }),
+        role: "presentation",
+        onClick: onTextClick,
+        onKeyDown: onTextClick && ((event) => onkeyDownHandler(event, onTextClick)),
+        tabIndex: onTextClick ? 0 : -1,
+        children: /* @__PURE__ */ jsx(HvTypography, { variant: "body", children: navigationText })
+      }
+    ),
+    /* @__PURE__ */ jsx(DropRightXS, { id: setId(id, "right"), className: cx(classes.icon, {
+      [classes.disabled]: !isNextEnabled
+    }), onClick: isNextEnabled ? (event) => onNavigateNext(event) : void 0, onKeyDown: (event) => isNextEnabled ? onkeyDownHandler(event, onNavigateNext) : void 0, tabIndex: 0 })
+  ] });
 };
 export {
   Navigation,

package/dist/esm/components/Calendar/CalendarNavigation/Navigation/Navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.js","sources":["../../../../../../src/components/Calendar/CalendarNavigation/Navigation/Navigation.tsx"],"sourcesContent":["import {\n  DropLeftXS as DropLeftIcon,\n  DropRightXS as DropRightIcon,\n} from \"@hitachivantara/uikit-react-icons\";\n\nimport { isKey } from \"@core/utils/keyboardUtils\";\nimport { setId } from \"@core/utils/setId\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./Navigation.styles\";\n\nexport { staticClasses as navigationClasses };\n\nexport type HvNavigationClasses = ExtractNames<typeof useClasses>;\n\nexport const Navigation = ({\n  id,\n  classes: classesProp,\n  onNavigatePrevious,\n  onNavigateNext,\n  onTextClick,\n  navigationText = \"n/a\",\n  isPreviousEnabled = true,\n  isNextEnabled = true,\n}: NavigationProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  const onkeyDownHandler = (event, funcAction) => {\n    if (isKey(event, \"Enter\") || isKey(event, \"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={cx(classes.icon, {\n          [classes.disabled]: !isPreviousEnabled,\n        })}\n        onClick={\n          isPreviousEnabled ? (event) => onNavigatePrevious(event) : undefined\n        }\n        onKeyDown={(event) =>\n          isNextEnabled\n            ? onkeyDownHandler(event, onNavigatePrevious)\n            : undefined\n        }\n        tabIndex={0}\n      />\n\n      <div\n        id={id}\n        className={cx({\n          [classes.text]: onTextClickIsFunction,\n          [classes.textWithoutHover]: !onTextClickIsFunction,\n        })}\n        role=\"presentation\"\n        onClick={onTextClick}\n        onKeyDown={\n          onTextClick && ((event) => onkeyDownHandler(event, onTextClick))\n        }\n        // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n        tabIndex={onTextClick ? 0 : -1}\n      >\n        <HvTypography variant=\"body\">{navigationText}</HvTypography>\n      </div>\n\n      <DropRightIcon\n        id={setId(id, \"right\")}\n        className={cx(classes.icon, {\n          [classes.disabled]: !isNextEnabled,\n        })}\n        onClick={isNextEnabled ? (event) => onNavigateNext(event) : undefined}\n        onKeyDown={(event) =>\n          isNextEnabled ? onkeyDownHandler(event, onNavigateNext) : undefined\n        }\n        tabIndex={0}\n      />\n    </div>\n  );\n};\n\nexport interface NavigationProps extends HvBaseProps {\n  /**\n   * Identifier.\n   */\n  id?: string;\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvNavigationClasses;\n  /**\n   * A function to be executed whenever the navigate previous action is triggered.\n   */\n  onNavigatePrevious: (event: React.MouseEvent<HTMLDivElement>) => void;\n  /**\n   * A function to be executed whenever the navigate next action is triggered.\n   */\n  onNavigateNext: (event: React.MouseEvent<HTMLDivElement>) => void;\n  /**\n   * A function to be executed whenever the text is clicked.\n   */\n  onTextClick?: () => void;\n  /**\n   * The text that will be shown between the navigation buttons.\n   */\n  navigationText?: string;\n  /**\n   * Flag stating if the previous button should be enabled or disabled.\n   */\n  isPreviousEnabled?: boolean;\n  /**\n   * Flag stating if the next button should be enabled or disabled.\n   */\n  isNextEnabled?: boolean;\n}\n"],"names":["Navigation","id","classes","classesProp","onNavigatePrevious","onNavigateNext","onTextClick","navigationText","isPreviousEnabled","isNextEnabled","cx","useClasses","onkeyDownHandler","event","funcAction","isKey","preventDefault","onTextClickIsFunction","className","root","children","_jsx","DropLeftIcon","setId","icon","disabled","onClick","undefined","onKeyDown","tabIndex","text","textWithoutHover","role","HvTypography","variant","DropRightIcon"],"mappings":";;;;;;;AAkBO,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,iBAAiB;AAAA,EACjBC,oBAAoB;AAAA,EACpBC,gBAAgB;AACD,MAAM;AACf,QAAA;AAAA,IAAEP;AAAAA,IAASQ;AAAAA,EAAAA,IAAOC,WAAWR,WAAW;AAExCS,QAAAA,mBAAmBA,CAACC,OAAOC,eAAe;AAC9C,QAAIC,MAAMF,OAAO,OAAO,KAAKE,MAAMF,OAAO,OAAO,GAAG;AAClDA,YAAMG,eAAe;AACrBF,iBAAWD,KAAK;AAAA,IAClB;AAAA,EAAA;AAGII,QAAAA,wBAAwB,OAAOX,gBAAgB;AAErD,8BACE,OAAA;AAAA,IAAKY,WAAWhB,QAAQiB;AAAAA,IAAKC,UAAA,CAC3BC,oBAACC,YAAY;AAAA,MACXrB,IAAIsB,MAAMtB,IAAI,MAAM;AAAA,MACpBiB,WAAWR,GAAGR,QAAQsB,MAAM;AAAA,QAC1B,CAACtB,QAAQuB,QAAQ,GAAG,CAACjB;AAAAA,MAAAA,CACtB;AAAA,MACDkB,SACElB,oBAAqBK,CAAUT,UAAAA,mBAAmBS,KAAK,IAAIc;AAAAA,MAE7DC,WAAYf,CACVJ,UAAAA,gBACIG,iBAAiBC,OAAOT,kBAAkB,IAC1CuB;AAAAA,MAENE,UAAU;AAAA,IAAA,CACX,GAEDR,oBAAA,OAAA;AAAA,MACEpB;AAAAA,MACAiB,WAAWR,GAAG;AAAA,QACZ,CAACR,QAAQ4B,IAAI,GAAGb;AAAAA,QAChB,CAACf,QAAQ6B,gBAAgB,GAAG,CAACd;AAAAA,MAAAA,CAC9B;AAAA,MACDe,MAAK;AAAA,MACLN,SAASpB;AAAAA,MACTsB,WACEtB,gBAAiBO,CAAUD,UAAAA,iBAAiBC,OAAOP,WAAW;AAAA,MAGhEuB,UAAUvB,cAAc,IAAI;AAAA,MAAGc,8BAE9Ba,cAAY;AAAA,QAACC,SAAQ;AAAA,QAAMd,UAAEb;AAAAA,MAAAA,CAA6B;AAAA,IAAA,CACxD,GAELc,oBAACc,aAAa;AAAA,MACZlC,IAAIsB,MAAMtB,IAAI,OAAO;AAAA,MACrBiB,WAAWR,GAAGR,QAAQsB,MAAM;AAAA,QAC1B,CAACtB,QAAQuB,QAAQ,GAAG,CAAChB;AAAAA,MAAAA,CACtB;AAAA,MACDiB,SAASjB,gBAAiBI,CAAUR,UAAAA,eAAeQ,KAAK,IAAIc;AAAAA,MAC5DC,WAAYf,CACVJ,UAAAA,gBAAgBG,iBAAiBC,OAAOR,cAAc,IAAIsB;AAAAA,MAE5DE,UAAU;AAAA,IAAA,CACX,CAAC;AAAA,EAAA,CACC;AAET;"}
+{"version":3,"file":"Navigation.js","sources":["../../../../../../src/components/Calendar/CalendarNavigation/Navigation/Navigation.tsx"],"sourcesContent":["import {\n  DropLeftXS as DropLeftIcon,\n  DropRightXS as DropRightIcon,\n} from \"@hitachivantara/uikit-react-icons\";\n\nimport { isKey } from \"@core/utils/keyboardUtils\";\nimport { setId } from \"@core/utils/setId\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./Navigation.styles\";\n\nexport { staticClasses as navigationClasses };\n\nexport type HvNavigationClasses = ExtractNames<typeof useClasses>;\n\nexport const Navigation = ({\n  id,\n  classes: classesProp,\n  onNavigatePrevious,\n  onNavigateNext,\n  onTextClick,\n  navigationText = \"n/a\",\n  isPreviousEnabled = true,\n  isNextEnabled = true,\n}: NavigationProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  const onkeyDownHandler = (event, funcAction) => {\n    if (isKey(event, \"Enter\") || isKey(event, \"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={cx(classes.icon, {\n          [classes.disabled]: !isPreviousEnabled,\n        })}\n        onClick={\n          isPreviousEnabled ? (event) => onNavigatePrevious(event) : undefined\n        }\n        onKeyDown={(event) =>\n          isNextEnabled\n            ? onkeyDownHandler(event, onNavigatePrevious)\n            : undefined\n        }\n        tabIndex={0}\n      />\n\n      <div\n        id={id}\n        className={cx({\n          [classes.text]: onTextClickIsFunction,\n          [classes.textWithoutHover]: !onTextClickIsFunction,\n        })}\n        role=\"presentation\"\n        onClick={onTextClick}\n        onKeyDown={\n          onTextClick && ((event) => onkeyDownHandler(event, onTextClick))\n        }\n        // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n        tabIndex={onTextClick ? 0 : -1}\n      >\n        <HvTypography variant=\"body\">{navigationText}</HvTypography>\n      </div>\n\n      <DropRightIcon\n        id={setId(id, \"right\")}\n        className={cx(classes.icon, {\n          [classes.disabled]: !isNextEnabled,\n        })}\n        onClick={isNextEnabled ? (event) => onNavigateNext(event) : undefined}\n        onKeyDown={(event) =>\n          isNextEnabled ? onkeyDownHandler(event, onNavigateNext) : undefined\n        }\n        tabIndex={0}\n      />\n    </div>\n  );\n};\n\nexport interface NavigationProps extends HvBaseProps {\n  /**\n   * Identifier.\n   */\n  id?: string;\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvNavigationClasses;\n  /**\n   * A function to be executed whenever the navigate previous action is triggered.\n   */\n  onNavigatePrevious: (event: React.MouseEvent<HTMLDivElement>) => void;\n  /**\n   * A function to be executed whenever the navigate next action is triggered.\n   */\n  onNavigateNext: (event: React.MouseEvent<HTMLDivElement>) => void;\n  /**\n   * A function to be executed whenever the text is clicked.\n   */\n  onTextClick?: () => void;\n  /**\n   * The text that will be shown between the navigation buttons.\n   */\n  navigationText?: string;\n  /**\n   * Flag stating if the previous button should be enabled or disabled.\n   */\n  isPreviousEnabled?: boolean;\n  /**\n   * Flag stating if the next button should be enabled or disabled.\n   */\n  isNextEnabled?: boolean;\n}\n"],"names":["Navigation","id","classes","classesProp","onNavigatePrevious","onNavigateNext","onTextClick","navigationText","isPreviousEnabled","isNextEnabled","cx","useClasses","onkeyDownHandler","event","funcAction","isKey","preventDefault","onTextClickIsFunction","root","DropLeftIcon","setId","icon","disabled","undefined","text","textWithoutHover","DropRightIcon"],"mappings":";;;;;;;AAkBO,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,iBAAiB;AAAA,EACjBC,oBAAoB;AAAA,EACpBC,gBAAgB;AACD,MAAM;AACf,QAAA;AAAA,IAAEP;AAAAA,IAASQ;AAAAA,EAAAA,IAAOC,WAAWR,WAAW;AAExCS,QAAAA,mBAAmBA,CAACC,OAAOC,eAAe;AAC9C,QAAIC,MAAMF,OAAO,OAAO,KAAKE,MAAMF,OAAO,OAAO,GAAG;AAClDA,YAAMG,eAAe;AACrBF,iBAAWD,KAAK;AAAA,IAClB;AAAA,EAAA;AAGII,QAAAA,wBAAwB,OAAOX,gBAAgB;AAErD,SACG,qBAAA,OAAA,EAAI,WAAWJ,QAAQgB,MACtB,UAAA;AAAA,IAAC,oBAAAC,YAAA,EACC,IAAIC,MAAMnB,IAAI,MAAM,GACpB,WAAWS,GAAGR,QAAQmB,MAAM;AAAA,MAC1B,CAACnB,QAAQoB,QAAQ,GAAG,CAACd;AAAAA,IAAAA,CACtB,GACD,SACEA,oBAAqBK,CAAUT,UAAAA,mBAAmBS,KAAK,IAAIU,QAE7D,WAAYV,CAAAA,UACVJ,gBACIG,iBAAiBC,OAAOT,kBAAkB,IAC1CmB,QAEN,UAAU,GAAE;AAAA,IAGd;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAWb,GAAG;AAAA,UACZ,CAACR,QAAQsB,IAAI,GAAGP;AAAAA,UAChB,CAACf,QAAQuB,gBAAgB,GAAG,CAACR;AAAAA,QAAAA,CAC9B;AAAA,QACD,MAAK;AAAA,QACL,SAASX;AAAAA,QACT,WACEA,gBAAiBO,CAAUD,UAAAA,iBAAiBC,OAAOP,WAAW;AAAA,QAGhE,UAAUA,cAAc,IAAI;AAAA,QAE5B,UAAC,oBAAA,cAAA,EAAa,SAAQ,QAAQC,UAAe,gBAAA;AAAA,MAAA;AAAA,IAC/C;AAAA,IAEA,oBAACmB,aACC,EAAA,IAAIN,MAAMnB,IAAI,OAAO,GACrB,WAAWS,GAAGR,QAAQmB,MAAM;AAAA,MAC1B,CAACnB,QAAQoB,QAAQ,GAAG,CAACb;AAAAA,IAAAA,CACtB,GACD,SAASA,gBAAiBI,CAAUR,UAAAA,eAAeQ,KAAK,IAAIU,QAC5D,WAAYV,CAAAA,UACVJ,gBAAgBG,iBAAiBC,OAAOR,cAAc,IAAIkB,QAE5D,UAAU,GAAE;AAAA,EAEhB,EAAA,CAAA;AAEJ;"}