@hitachivantara/uikit-react-core 5.27.5 → 5.27.7

package/dist/cjs/components/Calendar/CalendarNavigation/Navigation/Navigation.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const keyboardUtils = require("../../../../utils/keyboardUtils.cjs");
 const setId = require("../../../../utils/setId.cjs");
 const Navigation_styles = require("./Navigation.styles.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Typography = require("../../../Typography/Typography.cjs");
 const Navigation = ({
   id,
@@ -27,40 +27,29 @@ const Navigation = ({
     }
   };
   const onTextClickIsFunction = typeof onTextClick === "function";
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    className: classes.root,
-    children: [/* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropLeftXS, {
-      id: setId.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Typography.HvTypography, {
-        variant: "body",
-        children: navigationText
-      })
-    }), /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropRightXS, {
-      id: setId.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__ */ jsxRuntime.jsxs("div", { className: classes.root, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropLeftXS, { id: setId.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Typography.HvTypography, { variant: "body", children: navigationText })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropRightXS, { id: setId.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 })
+  ] });
 };
 exports.navigationClasses = Navigation_styles.staticClasses;
 exports.Navigation = Navigation;

package/dist/cjs/components/Calendar/CalendarNavigation/Navigation/Navigation.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.cjs","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,kBAAAA,WAAWR,WAAW;AAExCS,QAAAA,mBAAmBA,CAACC,OAAOC,eAAe;AAC9C,QAAIC,cAAAA,MAAMF,OAAO,OAAO,KAAKE,cAAAA,MAAMF,OAAO,OAAO,GAAG;AAClDA,YAAMG,eAAe;AACrBF,iBAAWD,KAAK;AAAA,IAClB;AAAA,EAAA;AAGII,QAAAA,wBAAwB,OAAOX,gBAAgB;AAErD,yCACE,OAAA;AAAA,IAAKY,WAAWhB,QAAQiB;AAAAA,IAAKC,UAAA,CAC3BC,2BAAAA,IAACC,4BAAY;AAAA,MACXrB,IAAIsB,MAAAA,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,2BAAAA,IAAA,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,yCAE9Ba,yBAAY;AAAA,QAACC,SAAQ;AAAA,QAAMd,UAAEb;AAAAA,MAAAA,CAA6B;AAAA,IAAA,CACxD,GAELc,2BAAAA,IAACc,6BAAa;AAAA,MACZlC,IAAIsB,MAAAA,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.cjs","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","jsxs","root","jsx","DropLeftIcon","setId","icon","disabled","undefined","text","textWithoutHover","HvTypography","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,kBAAAA,WAAWR,WAAW;AAExCS,QAAAA,mBAAmBA,CAACC,OAAOC,eAAe;AAC9C,QAAIC,cAAAA,MAAMF,OAAO,OAAO,KAAKE,cAAAA,MAAMF,OAAO,OAAO,GAAG;AAClDA,YAAMG,eAAe;AACrBF,iBAAWD,KAAK;AAAA,IAClB;AAAA,EAAA;AAGII,QAAAA,wBAAwB,OAAOX,gBAAgB;AAErD,SACGY,2BAAAA,KAAA,OAAA,EAAI,WAAWhB,QAAQiB,MACtB,UAAA;AAAA,IAACC,2BAAAA,IAAAC,gBAAA,YAAA,EACC,IAAIC,YAAMrB,IAAI,MAAM,GACpB,WAAWS,GAAGR,QAAQqB,MAAM;AAAA,MAC1B,CAACrB,QAAQsB,QAAQ,GAAG,CAAChB;AAAAA,IAAAA,CACtB,GACD,SACEA,oBAAqBK,CAAUT,UAAAA,mBAAmBS,KAAK,IAAIY,QAE7D,WAAYZ,CAAAA,UACVJ,gBACIG,iBAAiBC,OAAOT,kBAAkB,IAC1CqB,QAEN,UAAU,GAAE;AAAA,IAGdL,2BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAWV,GAAG;AAAA,UACZ,CAACR,QAAQwB,IAAI,GAAGT;AAAAA,UAChB,CAACf,QAAQyB,gBAAgB,GAAG,CAACV;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,UAACc,2BAAA,IAAAQ,yBAAA,EAAa,SAAQ,QAAQrB,UAAe,gBAAA;AAAA,MAAA;AAAA,IAC/C;AAAA,IAEAa,2BAAAA,IAACS,gBACC,aAAA,EAAA,IAAIP,YAAMrB,IAAI,OAAO,GACrB,WAAWS,GAAGR,QAAQqB,MAAM;AAAA,MAC1B,CAACrB,QAAQsB,QAAQ,GAAG,CAACf;AAAAA,IAAAA,CACtB,GACD,SAASA,gBAAiBI,CAAUR,UAAAA,eAAeQ,KAAK,IAAIY,QAC5D,WAAYZ,CAAAA,UACVJ,gBAAgBG,iBAAiBC,OAAOR,cAAc,IAAIoB,QAE5D,UAAU,GAAE;AAAA,EAEhB,EAAA,CAAA;AAEJ;;;"}

package/dist/cjs/components/Calendar/CalendarWeekLabels/CalendarWeekLabels.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const CalendarWeekLabels_styles = require("./CalendarWeekLabels.styles.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
+const CalendarWeekLabels_styles = require("./CalendarWeekLabels.styles.cjs");
 const Typography = require("../../Typography/Typography.cjs");
 const HvCalendarWeekLabel = ({
   classes: classesProp,
@@ -10,16 +10,14 @@ const HvCalendarWeekLabel = ({
   const {
     classes
   } = CalendarWeekLabels_styles.useClasses(classesProp);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [" ", labels.map((dayName, index) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    " ",
+    labels.map((dayName, index) => {
       const key = `${dayName}-${index}`;
-      return /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-        variant: "label",
-        className: classes.calendarDay,
-        children: dayName
-      }, key);
-    }), " "]
-  });
+      return /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { variant: "label", className: classes.calendarDay, children: dayName }, key);
+    }),
+    " "
+  ] });
 };
 exports.calendarWeekLabelsClasses = CalendarWeekLabels_styles.staticClasses;
 exports.HvCalendarWeekLabel = HvCalendarWeekLabel;

package/dist/cjs/components/Calendar/CalendarWeekLabels/CalendarWeekLabels.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarWeekLabels.cjs","sources":["../../../../../src/components/Calendar/CalendarWeekLabels/CalendarWeekLabels.tsx"],"sourcesContent":["import { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./CalendarWeekLabels.styles\";\n\nexport { staticClasses as calendarWeekLabelsClasses };\n\nexport type HvCalendarWeekLabelsClasses = ExtractNames<typeof useClasses>;\n\nexport const HvCalendarWeekLabel = ({\n  classes: classesProp,\n  labels = [],\n}: HvCalendarWeekLabelProps) => {\n  const { classes } = useClasses(classesProp);\n\n  return (\n    <>\n      {\" \"}\n      {labels.map((dayName, index) => {\n        const key = `${dayName}-${index}`;\n        return (\n          <HvTypography\n            variant=\"label\"\n            className={classes.calendarDay}\n            key={key}\n          >\n            {dayName}\n          </HvTypography>\n        );\n      })}{\" \"}\n    </>\n  );\n};\n\nexport type HvCalendarWeekLabelProps = {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvCalendarWeekLabelsClasses;\n  /**\n   * Localized day of week labels.\n   */\n  labels?: string[];\n};\n"],"names":["HvCalendarWeekLabel","classes","classesProp","labels","useClasses","_Fragment","children","map","dayName","index","key","HvTypography","variant","className","calendarDay"],"mappings":";;;;;AASO,MAAMA,sBAAsBA,CAAC;AAAA,EAClCC,SAASC;AAAAA,EACTC,SAAS,CAAA;AACe,MAAM;AACxB,QAAA;AAAA,IAAEF;AAAAA,EAAAA,IAAYG,0BAAAA,WAAWF,WAAW;AAE1C,yCACEG,WAAAA,UAAA;AAAA,IAAAC,UAAA,CACG,KACAH,OAAOI,IAAI,CAACC,SAASC,UAAU;AAC9B,YAAMC,MAAO,GAAEF,OAAQ,IAAGC,KAAM;AAChC,4CACGE,WAAAA,cAAY;AAAA,QACXC,SAAQ;AAAA,QACRC,WAAWZ,QAAQa;AAAAA,QAAYR,UAG9BE;AAAAA,SAFIE,GAGO;AAAA,IAEjB,CAAA,GAAG,GAAG;AAAA,EAAA,CACP;AAEN;;;"}
+{"version":3,"file":"CalendarWeekLabels.cjs","sources":["../../../../../src/components/Calendar/CalendarWeekLabels/CalendarWeekLabels.tsx"],"sourcesContent":["import { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./CalendarWeekLabels.styles\";\n\nexport { staticClasses as calendarWeekLabelsClasses };\n\nexport type HvCalendarWeekLabelsClasses = ExtractNames<typeof useClasses>;\n\nexport const HvCalendarWeekLabel = ({\n  classes: classesProp,\n  labels = [],\n}: HvCalendarWeekLabelProps) => {\n  const { classes } = useClasses(classesProp);\n\n  return (\n    <>\n      {\" \"}\n      {labels.map((dayName, index) => {\n        const key = `${dayName}-${index}`;\n        return (\n          <HvTypography\n            variant=\"label\"\n            className={classes.calendarDay}\n            key={key}\n          >\n            {dayName}\n          </HvTypography>\n        );\n      })}{\" \"}\n    </>\n  );\n};\n\nexport type HvCalendarWeekLabelProps = {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvCalendarWeekLabelsClasses;\n  /**\n   * Localized day of week labels.\n   */\n  labels?: string[];\n};\n"],"names":["HvCalendarWeekLabel","classes","classesProp","labels","useClasses","jsxs","Fragment","map","dayName","index","key","jsx","HvTypography","calendarDay"],"mappings":";;;;;AASO,MAAMA,sBAAsBA,CAAC;AAAA,EAClCC,SAASC;AAAAA,EACTC,SAAS,CAAA;AACe,MAAM;AACxB,QAAA;AAAA,IAAEF;AAAAA,EAAAA,IAAYG,0BAAAA,WAAWF,WAAW;AAE1C,SAEKG,2BAAA,KAAAC,qBAAA,EAAA,UAAA;AAAA,IAAA;AAAA,IACAH,OAAOI,IAAI,CAACC,SAASC,UAAU;AAC9B,YAAMC,MAAO,GAAEF,OAAQ,IAAGC,KAAM;AAE9B,aAAAE,+BAACC,WAAAA,gBACC,SAAQ,SACR,WAAWX,QAAQY,aAGlBL,qBAFIE,GAGP;AAAA,IAAA,CAEH;AAAA,IAAG;AAAA,EACN,EAAA,CAAA;AAEJ;;;"}

package/dist/cjs/components/Calendar/SingleCalendar/CalendarCell.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const utils = require("../utils.cjs");
 const CalendarCell_styles = require("./CalendarCell.styles.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Typography = require("../../Typography/Typography.cjs");
 const HvCalendarCell = ({
   classes: classesProp,
@@ -50,38 +50,20 @@ const HvCalendarCell = ({
   const handleKeyDown = (event) => {
     onKeyDown == null ? void 0 : onKeyDown(event);
   };
-  const renderDate = () => /* @__PURE__ */ jsxRuntime.jsx("button", {
-    ref: buttonEl,
-    type: "button",
-    className: cx(classes.cellContainer, {
-      [classes.focusSelection]: inMonth
-    }),
-    onClick: handleClick,
-    onKeyDown: handleKeyDown,
-    disabled: isDateDisabled || !inMonth,
-    "data-in-month": inMonth,
-    ...others,
-    children: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-      variant: isCellToday ? "label" : "body",
-      className: cx(classes.calendarDate, {
-        [classes.calendarDateSelected]: inMonth && isCellSelected,
-        [classes.calendarDateNotInMonth]: !inMonth,
-        [classes.calendarDateInSelectionRange]: inMonth && rangeMode && isDateInSelectionRange,
-        [classes.calendarDateDisabled]: isDateDisabled,
-        [classes.startBookend]: inMonth && (startBookend && rangeMode || isCellStartingDate && isDateSelectionMode),
-        [classes.endBookend]: inMonth && endBookend && rangeMode
-      }),
-      children: value && value.getDate()
-    })
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    className: cx(classes.dateWrapper, {
-      [classes.cellsInRange]: inMonth && rangeMode && isSelecting,
-      [classes.cellsOutsideRange]: rangeMode && !isSelecting
-    }),
-    "data-calendar-cell": "calendarCell",
-    children: renderDate()
-  });
+  const renderDate = () => /* @__PURE__ */ jsxRuntime.jsx("button", { ref: buttonEl, type: "button", className: cx(classes.cellContainer, {
+    [classes.focusSelection]: inMonth
+  }), onClick: handleClick, onKeyDown: handleKeyDown, disabled: isDateDisabled || !inMonth, "data-in-month": inMonth, ...others, children: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { variant: isCellToday ? "label" : "body", className: cx(classes.calendarDate, {
+    [classes.calendarDateSelected]: inMonth && isCellSelected,
+    [classes.calendarDateNotInMonth]: !inMonth,
+    [classes.calendarDateInSelectionRange]: inMonth && rangeMode && isDateInSelectionRange,
+    [classes.calendarDateDisabled]: isDateDisabled,
+    [classes.startBookend]: inMonth && (startBookend && rangeMode || isCellStartingDate && isDateSelectionMode),
+    [classes.endBookend]: inMonth && endBookend && rangeMode
+  }), children: value && value.getDate() }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx(classes.dateWrapper, {
+    [classes.cellsInRange]: inMonth && rangeMode && isSelecting,
+    [classes.cellsOutsideRange]: rangeMode && !isSelecting
+  }), "data-calendar-cell": "calendarCell", children: renderDate() });
 };
 exports.calendarCellClasses = CalendarCell_styles.staticClasses;
 exports.HvCalendarCell = HvCalendarCell;

package/dist/cjs/components/Calendar/SingleCalendar/CalendarCell.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarCell.cjs","sources":["../../../../../src/components/Calendar/SingleCalendar/CalendarCell.tsx"],"sourcesContent":["import { SyntheticEvent, useRef } from \"react\";\n\nimport { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport {\n  isSameDay,\n  isSameMonth,\n  dateInProvidedValueRange,\n  checkIfDateIsDisabled,\n  isDateRangeProp,\n} from \"../utils\";\nimport { DateRangeProp } from \"../types\";\nimport CalendarModel from \"../model\";\n\nimport { staticClasses, useClasses } from \"./CalendarCell.styles\";\n\nexport { staticClasses as calendarCellClasses };\n\nexport type HvCalendarCellClasses = ExtractNames<typeof useClasses>;\n\nexport const HvCalendarCell = ({\n  classes: classesProp,\n  onChange,\n  onKeyDown,\n  calendarValue,\n  firstDayOfCurrentMonth,\n  value,\n  isDateSelectionMode,\n  today,\n  locale,\n  minimumDate,\n  maximumDate,\n  rangeMode = false,\n  ...others\n}: HvCalendarCellProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  const buttonEl = useRef<HTMLButtonElement>(null);\n\n  const startDate = isDateRangeProp(calendarValue)\n    ? calendarValue.startDate\n    : undefined;\n  const endDate = isDateRangeProp(calendarValue)\n    ? calendarValue.endDate\n    : undefined;\n  const isCellToday = isSameDay(value, today);\n  const isCellSelected = isSameDay(calendarValue, value);\n  const inMonth = isSameMonth(value, firstDayOfCurrentMonth);\n  const isCellAfterStartingDate =\n    rangeMode && value && startDate ? value >= startDate : false;\n  const isCellStartingDate = rangeMode ? isSameDay(value, startDate) : false;\n  const isDateInSelectionRange =\n    calendarValue && rangeMode\n      ? dateInProvidedValueRange(value, calendarValue)\n      : false;\n  const isDateDisabled = checkIfDateIsDisabled(value, minimumDate, maximumDate);\n  const startBookend = isSameDay(startDate, value);\n  const endBookend = isSameDay(endDate, value);\n  const isSelecting = isDateSelectionMode && isCellAfterStartingDate;\n\n  const handleClick = (event: SyntheticEvent) => {\n    if (value) {\n      onChange?.(event, value);\n      if (buttonEl.current) setTimeout(() => buttonEl?.current?.focus());\n    }\n  };\n\n  const handleKeyDown = (event) => {\n    onKeyDown?.(event);\n  };\n\n  const renderDate = () => (\n    <button\n      ref={buttonEl}\n      type=\"button\"\n      className={cx(classes.cellContainer, {\n        [classes.focusSelection]: inMonth,\n      })}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      disabled={isDateDisabled || !inMonth}\n      data-in-month={inMonth}\n      {...others}\n    >\n      <HvTypography\n        variant={isCellToday ? \"label\" : \"body\"}\n        className={cx(classes.calendarDate, {\n          [classes.calendarDateSelected]: inMonth && isCellSelected,\n          [classes.calendarDateNotInMonth]: !inMonth,\n          [classes.calendarDateInSelectionRange]:\n            inMonth && rangeMode && isDateInSelectionRange,\n          [classes.calendarDateDisabled]: isDateDisabled,\n          [classes.startBookend]:\n            inMonth &&\n            ((startBookend && rangeMode) ||\n              (isCellStartingDate && isDateSelectionMode)),\n          [classes.endBookend]: inMonth && endBookend && rangeMode,\n        })}\n      >\n        {value && value.getDate()}\n      </HvTypography>\n    </button>\n  );\n\n  return (\n    <div\n      className={cx(classes.dateWrapper, {\n        [classes.cellsInRange]: inMonth && rangeMode && isSelecting,\n        [classes.cellsOutsideRange]: rangeMode && !isSelecting,\n      })}\n      data-calendar-cell=\"calendarCell\"\n    >\n      {renderDate()}\n    </div>\n  );\n};\n\nexport interface HvCalendarCellProps {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvCalendarCellClasses;\n  /**\n   * Identifier.\n   */\n  id?: string;\n  /**\n   * The text to be shown on the main part of the header.\n   */\n  calendarValue?: string | Date | DateRangeProp;\n  /**\n   * The text to be shown on the main part of the header.\n   */\n  value?: Date;\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: SyntheticEvent, value: Date | DateRangeProp) => void;\n  /**\n   * Callback to handle input onFocus.\n   */\n  onFocus?: React.FocusEventHandler<any>;\n\n  calendarModel?: CalendarModel;\n  onKeyDown?: (event: KeyboardEvent) => void;\n\n  today?: Date;\n  minimumDate?: Date;\n  maximumDate?: Date;\n  firstDayOfCurrentMonth?: Date;\n  isDateSelectionMode?: boolean;\n  rangeMode?: boolean;\n  tabIndex?: number;\n}\n\nexport default HvCalendarCell;\n"],"names":["HvCalendarCell","classes","classesProp","onChange","onKeyDown","calendarValue","firstDayOfCurrentMonth","value","isDateSelectionMode","today","locale","minimumDate","maximumDate","rangeMode","others","cx","useClasses","buttonEl","useRef","startDate","isDateRangeProp","undefined","endDate","isCellToday","isSameDay","isCellSelected","inMonth","isSameMonth","isCellAfterStartingDate","isCellStartingDate","isDateInSelectionRange","dateInProvidedValueRange","isDateDisabled","checkIfDateIsDisabled","startBookend","endBookend","isSelecting","handleClick","event","current","setTimeout","focus","handleKeyDown","renderDate","_jsx","ref","type","className","cellContainer","focusSelection","onClick","disabled","children","HvTypography","variant","calendarDate","calendarDateSelected","calendarDateNotInMonth","calendarDateInSelectionRange","calendarDateDisabled","getDate","dateWrapper","cellsInRange","cellsOutsideRange"],"mappings":";;;;;;;AAoBO,MAAMA,iBAAiBA,CAAC;AAAA,EAC7BC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,YAAY;AAAA,EACZ,GAAGC;AACgB,MAAM;AACnB,QAAA;AAAA,IAAEb;AAAAA,IAASc;AAAAA,EAAAA,IAAOC,oBAAAA,WAAWd,WAAW;AAExCe,QAAAA,WAAWC,aAA0B,IAAI;AAE/C,QAAMC,YAAYC,MAAAA,gBAAgBf,aAAa,IAC3CA,cAAcc,YACdE;AACJ,QAAMC,UAAUF,MAAAA,gBAAgBf,aAAa,IACzCA,cAAciB,UACdD;AACEE,QAAAA,cAAcC,MAAAA,UAAUjB,OAAOE,KAAK;AACpCgB,QAAAA,iBAAiBD,MAAAA,UAAUnB,eAAeE,KAAK;AAC/CmB,QAAAA,UAAUC,MAAAA,YAAYpB,OAAOD,sBAAsB;AACzD,QAAMsB,0BACJf,aAAaN,SAASY,YAAYZ,SAASY,YAAY;AACzD,QAAMU,qBAAqBhB,YAAYW,MAAAA,UAAUjB,OAAOY,SAAS,IAAI;AACrE,QAAMW,yBACJzB,iBAAiBQ,YACbkB,MAAyBxB,yBAAAA,OAAOF,aAAa,IAC7C;AACN,QAAM2B,iBAAiBC,MAAAA,sBAAsB1B,OAAOI,aAAaC,WAAW;AACtEsB,QAAAA,eAAeV,MAAAA,UAAUL,WAAWZ,KAAK;AACzC4B,QAAAA,aAAaX,MAAAA,UAAUF,SAASf,KAAK;AAC3C,QAAM6B,cAAc5B,uBAAuBoB;AAErCS,QAAAA,cAAcA,CAACC,UAA0B;AAC7C,QAAI/B,OAAO;AACTJ,2CAAWmC,OAAO/B;AAClB,UAAIU,SAASsB;AAASC,mBAAW,MAAA;;AAAMvB,4DAAUsB,YAAVtB,mBAAmBwB;AAAAA,SAAO;AAAA,IACnE;AAAA,EAAA;AAGF,QAAMC,gBAAiBJ,CAAU,UAAA;AAC/BlC,2CAAYkC;AAAAA,EAAK;AAGbK,QAAAA,aAAaA,MACjBC,2BAAAA,IAAA,UAAA;AAAA,IACEC,KAAK5B;AAAAA,IACL6B,MAAK;AAAA,IACLC,WAAWhC,GAAGd,QAAQ+C,eAAe;AAAA,MACnC,CAAC/C,QAAQgD,cAAc,GAAGvB;AAAAA,IAAAA,CAC3B;AAAA,IACDwB,SAASb;AAAAA,IACTjC,WAAWsC;AAAAA,IACXS,UAAUnB,kBAAkB,CAACN;AAAAA,IAC7B,iBAAeA;AAAAA,IAAQ,GACnBZ;AAAAA,IAAMsC,yCAETC,yBAAY;AAAA,MACXC,SAAS/B,cAAc,UAAU;AAAA,MACjCwB,WAAWhC,GAAGd,QAAQsD,cAAc;AAAA,QAClC,CAACtD,QAAQuD,oBAAoB,GAAG9B,WAAWD;AAAAA,QAC3C,CAACxB,QAAQwD,sBAAsB,GAAG,CAAC/B;AAAAA,QACnC,CAACzB,QAAQyD,4BAA4B,GACnChC,WAAWb,aAAaiB;AAAAA,QAC1B,CAAC7B,QAAQ0D,oBAAoB,GAAG3B;AAAAA,QAChC,CAAC/B,QAAQiC,YAAY,GACnBR,YACEQ,gBAAgBrB,aACfgB,sBAAsBrB;AAAAA,QAC3B,CAACP,QAAQkC,UAAU,GAAGT,WAAWS,cAActB;AAAAA,MAAAA,CAChD;AAAA,MAAEuC,UAEF7C,SAASA,MAAMqD,QAAQ;AAAA,IAAA,CACZ;AAAA,EAAA,CACR;AAGV,wCACE,OAAA;AAAA,IACEb,WAAWhC,GAAGd,QAAQ4D,aAAa;AAAA,MACjC,CAAC5D,QAAQ6D,YAAY,GAAGpC,WAAWb,aAAauB;AAAAA,MAChD,CAACnC,QAAQ8D,iBAAiB,GAAGlD,aAAa,CAACuB;AAAAA,IAAAA,CAC5C;AAAA,IACD,sBAAmB;AAAA,IAAcgB,UAEhCT,WAAW;AAAA,EAAA,CACT;AAET;;;;"}
+{"version":3,"file":"CalendarCell.cjs","sources":["../../../../../src/components/Calendar/SingleCalendar/CalendarCell.tsx"],"sourcesContent":["import { SyntheticEvent, useRef } from \"react\";\n\nimport { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport {\n  isSameDay,\n  isSameMonth,\n  dateInProvidedValueRange,\n  checkIfDateIsDisabled,\n  isDateRangeProp,\n} from \"../utils\";\nimport { DateRangeProp } from \"../types\";\nimport CalendarModel from \"../model\";\n\nimport { staticClasses, useClasses } from \"./CalendarCell.styles\";\n\nexport { staticClasses as calendarCellClasses };\n\nexport type HvCalendarCellClasses = ExtractNames<typeof useClasses>;\n\nexport const HvCalendarCell = ({\n  classes: classesProp,\n  onChange,\n  onKeyDown,\n  calendarValue,\n  firstDayOfCurrentMonth,\n  value,\n  isDateSelectionMode,\n  today,\n  locale,\n  minimumDate,\n  maximumDate,\n  rangeMode = false,\n  ...others\n}: HvCalendarCellProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  const buttonEl = useRef<HTMLButtonElement>(null);\n\n  const startDate = isDateRangeProp(calendarValue)\n    ? calendarValue.startDate\n    : undefined;\n  const endDate = isDateRangeProp(calendarValue)\n    ? calendarValue.endDate\n    : undefined;\n  const isCellToday = isSameDay(value, today);\n  const isCellSelected = isSameDay(calendarValue, value);\n  const inMonth = isSameMonth(value, firstDayOfCurrentMonth);\n  const isCellAfterStartingDate =\n    rangeMode && value && startDate ? value >= startDate : false;\n  const isCellStartingDate = rangeMode ? isSameDay(value, startDate) : false;\n  const isDateInSelectionRange =\n    calendarValue && rangeMode\n      ? dateInProvidedValueRange(value, calendarValue)\n      : false;\n  const isDateDisabled = checkIfDateIsDisabled(value, minimumDate, maximumDate);\n  const startBookend = isSameDay(startDate, value);\n  const endBookend = isSameDay(endDate, value);\n  const isSelecting = isDateSelectionMode && isCellAfterStartingDate;\n\n  const handleClick = (event: SyntheticEvent) => {\n    if (value) {\n      onChange?.(event, value);\n      if (buttonEl.current) setTimeout(() => buttonEl?.current?.focus());\n    }\n  };\n\n  const handleKeyDown = (event) => {\n    onKeyDown?.(event);\n  };\n\n  const renderDate = () => (\n    <button\n      ref={buttonEl}\n      type=\"button\"\n      className={cx(classes.cellContainer, {\n        [classes.focusSelection]: inMonth,\n      })}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      disabled={isDateDisabled || !inMonth}\n      data-in-month={inMonth}\n      {...others}\n    >\n      <HvTypography\n        variant={isCellToday ? \"label\" : \"body\"}\n        className={cx(classes.calendarDate, {\n          [classes.calendarDateSelected]: inMonth && isCellSelected,\n          [classes.calendarDateNotInMonth]: !inMonth,\n          [classes.calendarDateInSelectionRange]:\n            inMonth && rangeMode && isDateInSelectionRange,\n          [classes.calendarDateDisabled]: isDateDisabled,\n          [classes.startBookend]:\n            inMonth &&\n            ((startBookend && rangeMode) ||\n              (isCellStartingDate && isDateSelectionMode)),\n          [classes.endBookend]: inMonth && endBookend && rangeMode,\n        })}\n      >\n        {value && value.getDate()}\n      </HvTypography>\n    </button>\n  );\n\n  return (\n    <div\n      className={cx(classes.dateWrapper, {\n        [classes.cellsInRange]: inMonth && rangeMode && isSelecting,\n        [classes.cellsOutsideRange]: rangeMode && !isSelecting,\n      })}\n      data-calendar-cell=\"calendarCell\"\n    >\n      {renderDate()}\n    </div>\n  );\n};\n\nexport interface HvCalendarCellProps {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvCalendarCellClasses;\n  /**\n   * Identifier.\n   */\n  id?: string;\n  /**\n   * The text to be shown on the main part of the header.\n   */\n  calendarValue?: string | Date | DateRangeProp;\n  /**\n   * The text to be shown on the main part of the header.\n   */\n  value?: Date;\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: SyntheticEvent, value: Date | DateRangeProp) => void;\n  /**\n   * Callback to handle input onFocus.\n   */\n  onFocus?: React.FocusEventHandler<any>;\n\n  calendarModel?: CalendarModel;\n  onKeyDown?: (event: KeyboardEvent) => void;\n\n  today?: Date;\n  minimumDate?: Date;\n  maximumDate?: Date;\n  firstDayOfCurrentMonth?: Date;\n  isDateSelectionMode?: boolean;\n  rangeMode?: boolean;\n  tabIndex?: number;\n}\n\nexport default HvCalendarCell;\n"],"names":["HvCalendarCell","classes","classesProp","onChange","onKeyDown","calendarValue","firstDayOfCurrentMonth","value","isDateSelectionMode","today","locale","minimumDate","maximumDate","rangeMode","others","cx","useClasses","buttonEl","useRef","startDate","isDateRangeProp","undefined","endDate","isCellToday","isSameDay","isCellSelected","inMonth","isSameMonth","isCellAfterStartingDate","isCellStartingDate","isDateInSelectionRange","dateInProvidedValueRange","isDateDisabled","checkIfDateIsDisabled","startBookend","endBookend","isSelecting","handleClick","event","current","setTimeout","focus","handleKeyDown","renderDate","jsx","cellContainer","focusSelection","HvTypography","calendarDate","calendarDateSelected","calendarDateNotInMonth","calendarDateInSelectionRange","calendarDateDisabled","getDate","dateWrapper","cellsInRange","cellsOutsideRange"],"mappings":"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"}

package/dist/cjs/components/Calendar/SingleCalendar/SingleCalendar.cjs

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const isNil = require("lodash/isNil");
 const keyboardUtils = require("../../../utils/keyboardUtils.cjs");
@@ -9,7 +10,6 @@ const model = require("../model.cjs");
 const CalendarCell = require("./CalendarCell.cjs");
 const CalendarHeader = require("../CalendarHeader/CalendarHeader.cjs");
 const SingleCalendar_styles = require("./SingleCalendar.styles.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const ComposedNavigation = require("../CalendarNavigation/ComposedNavigation/ComposedNavigation.cjs");
 const CalendarWeekLabels = require("../CalendarWeekLabels/CalendarWeekLabels.cjs");
 const MonthSelector = require("../CalendarNavigation/MonthSelector/MonthSelector.cjs");
@@ -87,60 +87,19 @@ const HvSingleCalendar = ({
     }
   };
   const renderCalendarDate = (currentDate) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(CalendarCell.HvCalendarCell, {
-      classes,
-      tabIndex: currentDate.getTime() === firstDayOfCurrentMonthTime ? 0 : -1,
-      onChange: handleChange,
-      onKeyDown: handleKeyDown,
-      value: currentDate,
-      today,
-      calendarValue: localValue,
-      rangeMode,
-      isDateSelectionMode,
-      locale,
-      firstDayOfCurrentMonth,
-      maximumDate,
-      minimumDate
-    }, currentDate);
+    return /* @__PURE__ */ jsxRuntime.jsx(CalendarCell.HvCalendarCell, { classes, tabIndex: currentDate.getTime() === firstDayOfCurrentMonthTime ? 0 : -1, onChange: handleChange, onKeyDown: handleKeyDown, value: currentDate, today, calendarValue: localValue, rangeMode, isDateSelectionMode, locale, firstDayOfCurrentMonth, maximumDate, minimumDate }, currentDate);
   };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    className: cx(classes.calendarContainer, className),
-    ...others,
-    children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
-      id,
-      className: classes.calendarWrapper,
-      children: [/* @__PURE__ */ jsxRuntime.jsx(CalendarHeader.HvCalendarHeader, {
-        id: setId.setId(id, "header"),
-        locale,
-        onChange: handleInputChange,
-        showEndDate: showEndDate && !isDateSelectionMode,
-        showDayOfWeek,
-        invalidDateLabel
-      }), calViewMode === "calendar" && /* @__PURE__ */ jsxRuntime.jsxs("div", {
-        children: [/* @__PURE__ */ jsxRuntime.jsx(ComposedNavigation.HvComposedNavigation, {
-          id,
-          locale,
-          onChange: onVisibleDateChange,
-          onViewModeChange: setCalViewMode,
-          visibleYear: visibleYear || today.getFullYear(),
-          visibleMonth: visibleMonth || today.getMonth() + 1
-        }), /* @__PURE__ */ jsxRuntime.jsxs("div", {
-          className: classes.calendarGrid,
-          "aria-controls": (_b = (_a = CalendarHeader.HvCalendarHeader) == null ? void 0 : _a[0]) == null ? void 0 : _b.id,
-          children: [/* @__PURE__ */ jsxRuntime.jsx(CalendarWeekLabels.HvCalendarWeekLabel, {
-            labels: listWeekdayNames
-          }), calModel.dates.map(renderCalendarDate)]
-        })]
-      }), calViewMode === "monthly" && /* @__PURE__ */ jsxRuntime.jsx(MonthSelector.HvMonthSelector, {
-        id,
-        locale,
-        onChange: onVisibleDateChange,
-        onViewModeChange: setCalViewMode,
-        visibleMonth: visibleMonth || today.getMonth() + 1,
-        rangeMode
-      })]
-    })
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx(classes.calendarContainer, className), ...others, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { id, className: classes.calendarWrapper, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(CalendarHeader.HvCalendarHeader, { id: setId.setId(id, "header"), locale, onChange: handleInputChange, showEndDate: showEndDate && !isDateSelectionMode, showDayOfWeek, invalidDateLabel }),
+    calViewMode === "calendar" && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ComposedNavigation.HvComposedNavigation, { id, locale, onChange: onVisibleDateChange, onViewModeChange: setCalViewMode, visibleYear: visibleYear || today.getFullYear(), visibleMonth: visibleMonth || today.getMonth() + 1 }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.calendarGrid, "aria-controls": (_b = (_a = CalendarHeader.HvCalendarHeader) == null ? void 0 : _a[0]) == null ? void 0 : _b.id, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(CalendarWeekLabels.HvCalendarWeekLabel, { labels: listWeekdayNames }),
+        calModel.dates.map(renderCalendarDate)
+      ] })
+    ] }),
+    calViewMode === "monthly" && /* @__PURE__ */ jsxRuntime.jsx(MonthSelector.HvMonthSelector, { id, locale, onChange: onVisibleDateChange, onViewModeChange: setCalViewMode, visibleMonth: visibleMonth || today.getMonth() + 1, rangeMode })
+  ] }) });
 };
 exports.singleCalendarClasses = SingleCalendar_styles.staticClasses;
 exports.HvSingleCalendar = HvSingleCalendar;

package/dist/cjs/components/Calendar/SingleCalendar/SingleCalendar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SingleCalendar.cjs","sources":["../../../../../src/components/Calendar/SingleCalendar/SingleCalendar.tsx"],"sourcesContent":["import { useState, useMemo } from \"react\";\n\nimport isNil from \"lodash/isNil\";\n\nimport { isKey } from \"@core/utils/keyboardUtils\";\nimport { setId } from \"@core/utils/setId\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { ViewMode } from \"../enums\";\nimport { isRange, isDate, getWeekdayNamesList } from \"../utils\";\nimport { generateCalendarModel } from \"../model\";\nimport { HvComposedNavigation, HvMonthSelector } from \"../CalendarNavigation\";\nimport { DateRangeProp, VisibilitySelectorActions } from \"../types\";\n\nimport { HvCalendarCell } from \"./CalendarCell\";\nimport { HvCalendarWeekLabel } from \"../CalendarWeekLabels\";\nimport { HvCalendarHeader } from \"../CalendarHeader/CalendarHeader\";\n\nimport { staticClasses, useClasses } from \"./SingleCalendar.styles\";\n\nexport { staticClasses as singleCalendarClasses };\n\nexport type HvSingleCalendarClasses = ExtractNames<typeof useClasses>;\n\nexport const HvSingleCalendar = ({\n  classes: classesProp,\n  className,\n  id,\n  locale = \"en-US\",\n  value,\n  visibleMonth,\n  visibleYear,\n  minimumDate,\n  maximumDate,\n  onChange,\n  onInputChange,\n  onVisibleDateChange,\n  showEndDate,\n  showDayOfWeek,\n  invalidDateLabel,\n  children,\n  ...others\n}: HvSingleCalendarProps) => {\n  // TODO: refactor this out\n  // const { HvCalendarHeader } = useContext(HvFormElementDescriptorsContext);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const today = new Date();\n  const localValue = isNil(value) ? today : value;\n\n  const [calViewMode, setCalViewMode] = useState<ViewMode>(\"calendar\");\n\n  const rangeMode = isRange(localValue);\n  const isDateSelectionMode = rangeMode && !isDate(localValue.endDate);\n  const calModel = rangeMode\n    ? generateCalendarModel(localValue.startDate, visibleMonth, visibleYear)\n    : generateCalendarModel(localValue, visibleMonth, visibleYear);\n  const firstDayOfCurrentMonth = new Date(calModel.year, calModel.month - 1, 1);\n  const firstDayOfCurrentMonthTime = firstDayOfCurrentMonth.getTime();\n\n  const listWeekdayNames = useMemo(\n    () => getWeekdayNamesList(locale, \"narrow\"),\n    [locale]\n  );\n\n  const handleChange = (event, date: Date | DateRangeProp) => {\n    event?.preventDefault();\n    onChange?.(event, date);\n  };\n\n  const handleInputChange = (event, date) => {\n    event?.preventDefault();\n    onInputChange?.(event, date);\n  };\n\n  const getNavChild = (event: KeyboardEvent, siblings, i: number) => {\n    if (isKey(event, \"ArrowLeft\")) return siblings[i - 1];\n    if (isKey(event, \"ArrowRight\")) return siblings[i + 1];\n    if (isKey(event, \"ArrowUp\")) return siblings[i - 7];\n    if (isKey(event, \"ArrowDown\")) return siblings[i + 7];\n    return undefined;\n  };\n\n  const handleKeyDown = (event) => {\n    // This code is very brittle and should be managed with the focus wrapper\n    const el = document?.activeElement;\n    const parent = el?.parentElement?.parentElement;\n    const siblings =\n      parent != null\n        ? Array.from(\n            parent.getElementsByClassName(classes.cellContainer as string)\n          )\n        : [];\n    const elIndex = el ? siblings.indexOf(el) : 0;\n\n    if (isKey(event, \"Enter\")) {\n      (el as HTMLElement).focus();\n      return;\n    }\n\n    const child = getNavChild(event, siblings, elIndex);\n\n    if (child) {\n      const inMonth = child.getAttribute(\"data-in-month\");\n      if (inMonth === \"true\") {\n        event?.preventDefault();\n        child?.focus();\n      }\n    }\n  };\n\n  /**\n   * Renders the element representing the received date.\n   *\n   * @param currentDate - The array representing the date [YYYY, MM, DD].\n   * @memberOf Calendar\n   */\n  const renderCalendarDate = (currentDate) => {\n    return (\n      <HvCalendarCell\n        classes={classes}\n        key={currentDate}\n        tabIndex={currentDate.getTime() === firstDayOfCurrentMonthTime ? 0 : -1}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        value={currentDate}\n        today={today}\n        calendarValue={localValue}\n        rangeMode={rangeMode}\n        isDateSelectionMode={isDateSelectionMode}\n        locale={locale}\n        firstDayOfCurrentMonth={firstDayOfCurrentMonth}\n        maximumDate={maximumDate}\n        minimumDate={minimumDate}\n      />\n    );\n  };\n\n  return (\n    <div className={cx(classes.calendarContainer, className)} {...others}>\n      <div id={id} className={classes.calendarWrapper}>\n        <HvCalendarHeader\n          id={setId(id, \"header\")}\n          locale={locale}\n          onChange={handleInputChange}\n          showEndDate={showEndDate && !isDateSelectionMode}\n          showDayOfWeek={showDayOfWeek}\n          invalidDateLabel={invalidDateLabel}\n        />\n        {calViewMode === \"calendar\" && (\n          <div>\n            <HvComposedNavigation\n              id={id}\n              locale={locale}\n              onChange={onVisibleDateChange}\n              onViewModeChange={setCalViewMode}\n              visibleYear={visibleYear || today.getFullYear()}\n              visibleMonth={visibleMonth || today.getMonth() + 1}\n            />\n            <div\n              className={classes.calendarGrid}\n              aria-controls={HvCalendarHeader?.[0]?.id}\n            >\n              <HvCalendarWeekLabel labels={listWeekdayNames} />\n              {calModel.dates.map(renderCalendarDate)}\n            </div>\n          </div>\n        )}\n        {calViewMode === \"monthly\" && (\n          <HvMonthSelector\n            id={id}\n            locale={locale}\n            onChange={onVisibleDateChange}\n            onViewModeChange={setCalViewMode}\n            visibleMonth={visibleMonth || today.getMonth() + 1}\n            rangeMode={rangeMode}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport interface HvSingleCalendarProps {\n  /**\n   * Styles applied from the theme.\n   */\n  classes?: HvSingleCalendarClasses;\n  /**\n   * Identifier.\n   */\n  id?: string;\n  /**\n   * The class name to add at the root of the single calendar\n   */\n  className?: string;\n  /**\n   * The calendar locale.\n   *\n   */\n  locale: string;\n  /**\n   * Date that the calendar would show.\n   */\n  value?: string | Date | DateRangeProp;\n  /**\n   * Date that will be used to know which month and year should be displayed on the calendar. The value of the day is\n   * irrelevant.\n   */\n  visibleDate?: Date;\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   * 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 visible date has changed.\n   */\n  onVisibleDateChange?: (\n    event:\n      | React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>\n      | undefined,\n    action: VisibilitySelectorActions,\n    value?: Date | DateRangeProp | number\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   * 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   * Content on the upper part of the calendar.\n   */\n  children?: React.ReactNode;\n  /**\n   * Label shown when date is invalid.\n   */\n  invalidDateLabel?: string;\n}\n"],"names":["HvSingleCalendar","classes","classesProp","className","id","locale","value","visibleMonth","visibleYear","minimumDate","maximumDate","onChange","onInputChange","onVisibleDateChange","showEndDate","showDayOfWeek","invalidDateLabel","children","others","cx","useClasses","today","Date","localValue","isNil","calViewMode","setCalViewMode","useState","rangeMode","isRange","isDateSelectionMode","isDate","endDate","calModel","generateCalendarModel","startDate","firstDayOfCurrentMonth","year","month","firstDayOfCurrentMonthTime","getTime","listWeekdayNames","useMemo","getWeekdayNamesList","handleChange","event","date","preventDefault","handleInputChange","getNavChild","siblings","i","isKey","undefined","handleKeyDown","el","document","activeElement","parent","parentElement","Array","from","getElementsByClassName","cellContainer","elIndex","indexOf","focus","child","inMonth","getAttribute","renderCalendarDate","currentDate","HvCalendarCell","tabIndex","onKeyDown","calendarValue","calendarContainer","calendarWrapper","_jsx","HvCalendarHeader","setId","HvComposedNavigation","onViewModeChange","getFullYear","getMonth","_jsxs","calendarGrid","HvCalendarWeekLabel","labels","dates","map","HvMonthSelector"],"mappings":"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"}
+{"version":3,"file":"SingleCalendar.cjs","sources":["../../../../../src/components/Calendar/SingleCalendar/SingleCalendar.tsx"],"sourcesContent":["import { useState, useMemo } from \"react\";\n\nimport isNil from \"lodash/isNil\";\n\nimport { isKey } from \"@core/utils/keyboardUtils\";\nimport { setId } from \"@core/utils/setId\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { ViewMode } from \"../enums\";\nimport { isRange, isDate, getWeekdayNamesList } from \"../utils\";\nimport { generateCalendarModel } from \"../model\";\nimport { HvComposedNavigation, HvMonthSelector } from \"../CalendarNavigation\";\nimport { DateRangeProp, VisibilitySelectorActions } from \"../types\";\n\nimport { HvCalendarCell } from \"./CalendarCell\";\nimport { HvCalendarWeekLabel } from \"../CalendarWeekLabels\";\nimport { HvCalendarHeader } from \"../CalendarHeader/CalendarHeader\";\n\nimport { staticClasses, useClasses } from \"./SingleCalendar.styles\";\n\nexport { staticClasses as singleCalendarClasses };\n\nexport type HvSingleCalendarClasses = ExtractNames<typeof useClasses>;\n\nexport const HvSingleCalendar = ({\n  classes: classesProp,\n  className,\n  id,\n  locale = \"en-US\",\n  value,\n  visibleMonth,\n  visibleYear,\n  minimumDate,\n  maximumDate,\n  onChange,\n  onInputChange,\n  onVisibleDateChange,\n  showEndDate,\n  showDayOfWeek,\n  invalidDateLabel,\n  children,\n  ...others\n}: HvSingleCalendarProps) => {\n  // TODO: refactor this out\n  // const { HvCalendarHeader } = useContext(HvFormElementDescriptorsContext);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const today = new Date();\n  const localValue = isNil(value) ? today : value;\n\n  const [calViewMode, setCalViewMode] = useState<ViewMode>(\"calendar\");\n\n  const rangeMode = isRange(localValue);\n  const isDateSelectionMode = rangeMode && !isDate(localValue.endDate);\n  const calModel = rangeMode\n    ? generateCalendarModel(localValue.startDate, visibleMonth, visibleYear)\n    : generateCalendarModel(localValue, visibleMonth, visibleYear);\n  const firstDayOfCurrentMonth = new Date(calModel.year, calModel.month - 1, 1);\n  const firstDayOfCurrentMonthTime = firstDayOfCurrentMonth.getTime();\n\n  const listWeekdayNames = useMemo(\n    () => getWeekdayNamesList(locale, \"narrow\"),\n    [locale]\n  );\n\n  const handleChange = (event, date: Date | DateRangeProp) => {\n    event?.preventDefault();\n    onChange?.(event, date);\n  };\n\n  const handleInputChange = (event, date) => {\n    event?.preventDefault();\n    onInputChange?.(event, date);\n  };\n\n  const getNavChild = (event: KeyboardEvent, siblings, i: number) => {\n    if (isKey(event, \"ArrowLeft\")) return siblings[i - 1];\n    if (isKey(event, \"ArrowRight\")) return siblings[i + 1];\n    if (isKey(event, \"ArrowUp\")) return siblings[i - 7];\n    if (isKey(event, \"ArrowDown\")) return siblings[i + 7];\n    return undefined;\n  };\n\n  const handleKeyDown = (event) => {\n    // This code is very brittle and should be managed with the focus wrapper\n    const el = document?.activeElement;\n    const parent = el?.parentElement?.parentElement;\n    const siblings =\n      parent != null\n        ? Array.from(\n            parent.getElementsByClassName(classes.cellContainer as string)\n          )\n        : [];\n    const elIndex = el ? siblings.indexOf(el) : 0;\n\n    if (isKey(event, \"Enter\")) {\n      (el as HTMLElement).focus();\n      return;\n    }\n\n    const child = getNavChild(event, siblings, elIndex);\n\n    if (child) {\n      const inMonth = child.getAttribute(\"data-in-month\");\n      if (inMonth === \"true\") {\n        event?.preventDefault();\n        child?.focus();\n      }\n    }\n  };\n\n  /**\n   * Renders the element representing the received date.\n   *\n   * @param currentDate - The array representing the date [YYYY, MM, DD].\n   * @memberOf Calendar\n   */\n  const renderCalendarDate = (currentDate) => {\n    return (\n      <HvCalendarCell\n        classes={classes}\n        key={currentDate}\n        tabIndex={currentDate.getTime() === firstDayOfCurrentMonthTime ? 0 : -1}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        value={currentDate}\n        today={today}\n        calendarValue={localValue}\n        rangeMode={rangeMode}\n        isDateSelectionMode={isDateSelectionMode}\n        locale={locale}\n        firstDayOfCurrentMonth={firstDayOfCurrentMonth}\n        maximumDate={maximumDate}\n        minimumDate={minimumDate}\n      />\n    );\n  };\n\n  return (\n    <div className={cx(classes.calendarContainer, className)} {...others}>\n      <div id={id} className={classes.calendarWrapper}>\n        <HvCalendarHeader\n          id={setId(id, \"header\")}\n          locale={locale}\n          onChange={handleInputChange}\n          showEndDate={showEndDate && !isDateSelectionMode}\n          showDayOfWeek={showDayOfWeek}\n          invalidDateLabel={invalidDateLabel}\n        />\n        {calViewMode === \"calendar\" && (\n          <div>\n            <HvComposedNavigation\n              id={id}\n              locale={locale}\n              onChange={onVisibleDateChange}\n              onViewModeChange={setCalViewMode}\n              visibleYear={visibleYear || today.getFullYear()}\n              visibleMonth={visibleMonth || today.getMonth() + 1}\n            />\n            <div\n              className={classes.calendarGrid}\n              aria-controls={HvCalendarHeader?.[0]?.id}\n            >\n              <HvCalendarWeekLabel labels={listWeekdayNames} />\n              {calModel.dates.map(renderCalendarDate)}\n            </div>\n          </div>\n        )}\n        {calViewMode === \"monthly\" && (\n          <HvMonthSelector\n            id={id}\n            locale={locale}\n            onChange={onVisibleDateChange}\n            onViewModeChange={setCalViewMode}\n            visibleMonth={visibleMonth || today.getMonth() + 1}\n            rangeMode={rangeMode}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport interface HvSingleCalendarProps {\n  /**\n   * Styles applied from the theme.\n   */\n  classes?: HvSingleCalendarClasses;\n  /**\n   * Identifier.\n   */\n  id?: string;\n  /**\n   * The class name to add at the root of the single calendar\n   */\n  className?: string;\n  /**\n   * The calendar locale.\n   *\n   */\n  locale: string;\n  /**\n   * Date that the calendar would show.\n   */\n  value?: string | Date | DateRangeProp;\n  /**\n   * Date that will be used to know which month and year should be displayed on the calendar. The value of the day is\n   * irrelevant.\n   */\n  visibleDate?: Date;\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   * 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 visible date has changed.\n   */\n  onVisibleDateChange?: (\n    event:\n      | React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>\n      | undefined,\n    action: VisibilitySelectorActions,\n    value?: Date | DateRangeProp | number\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   * 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   * Content on the upper part of the calendar.\n   */\n  children?: React.ReactNode;\n  /**\n   * Label shown when date is invalid.\n   */\n  invalidDateLabel?: string;\n}\n"],"names":["HvSingleCalendar","classes","classesProp","className","id","locale","value","visibleMonth","visibleYear","minimumDate","maximumDate","onChange","onInputChange","onVisibleDateChange","showEndDate","showDayOfWeek","invalidDateLabel","children","others","cx","useClasses","today","Date","localValue","isNil","calViewMode","setCalViewMode","useState","rangeMode","isRange","isDateSelectionMode","isDate","endDate","calModel","generateCalendarModel","startDate","firstDayOfCurrentMonth","year","month","firstDayOfCurrentMonthTime","getTime","listWeekdayNames","useMemo","getWeekdayNamesList","handleChange","event","date","preventDefault","handleInputChange","getNavChild","siblings","i","isKey","undefined","handleKeyDown","el","document","activeElement","parent","parentElement","Array","from","getElementsByClassName","cellContainer","elIndex","indexOf","focus","child","inMonth","getAttribute","renderCalendarDate","currentDate","jsx","HvCalendarCell","calendarContainer","jsxs","calendarWrapper","HvCalendarHeader","setId","HvComposedNavigation","getFullYear","getMonth","calendarGrid","HvCalendarWeekLabel","dates","map","HvMonthSelector"],"mappings":"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"}

package/dist/cjs/components/Card/Card.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
 const Card_styles = require("./Card.styles.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Box = require("../Box/Box.cjs");
 const HvCard = (props) => {
   const {
@@ -22,27 +22,21 @@ const HvCard = (props) => {
     css,
     cx
   } = Card_styles.useClasses(classesProp);
-  return /* @__PURE__ */ jsxRuntime.jsxs(Box.HvBox, {
-    className: cx("HvIsCardGridElement", classes.root, css({
-      backgroundColor: bgcolor && uikitStyles.theme.colors[bgcolor] || uikitStyles.theme.card.backgroundColor
-    }), {
-      [classes.selectable]: selectable,
-      [classes.selected]: selected
-    }, className),
-    ...others,
-    children: [/* @__PURE__ */ jsxRuntime.jsxs("div", {
-      className: classes.semanticContainer,
-      children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
-        className: cx(css({
-          height: selected ? 4 : 2,
-          backgroundColor: statusColor === "sema0" ? selected ? uikitStyles.theme.colors.secondary : uikitStyles.theme.colors.atmo4 : uikitStyles.theme.colors[statusColor]
-        }), classes.semanticBar)
-      }), /* @__PURE__ */ jsxRuntime.jsx("div", {
-        className: classes.icon,
-        children: icon
-      })]
-    }), children]
-  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(Box.HvBox, { className: cx("HvIsCardGridElement", classes.root, css({
+    backgroundColor: bgcolor && uikitStyles.theme.colors[bgcolor] || uikitStyles.theme.card.backgroundColor
+  }), {
+    [classes.selectable]: selectable,
+    [classes.selected]: selected
+  }, className), ...others, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.semanticContainer, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx(css({
+        height: selected ? 4 : 2,
+        backgroundColor: statusColor === "sema0" ? selected ? uikitStyles.theme.colors.secondary : uikitStyles.theme.colors.atmo4 : uikitStyles.theme.colors[statusColor]
+      }), classes.semanticBar) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.icon, children: icon })
+    ] }),
+    children
+  ] });
 };
 exports.cardClasses = Card_styles.staticClasses;
 exports.HvCard = HvCard;

package/dist/cjs/components/Card/Card.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Card.cjs","sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { HvBox } from \"@core/components/Box\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvAtmosphereColorKeys, HvSemanticColorKeys } from \"@core/types/tokens\";\n\nimport { staticClasses, useClasses } from \"./Card.styles\";\n\nexport { staticClasses as cardClasses };\n\nexport type HvCardClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvCardProps extends HvBaseProps {\n  /** The renderable content inside the icon slot of the header. */\n  icon?: React.ReactNode;\n  /** Whether the card is selectable. */\n  selectable?: boolean;\n  /** Whether the card is currently selected. */\n  selected?: boolean;\n  /** The background color of the card. */\n  bgcolor?:\n    | \"sema0\"\n    | HvSemanticColorKeys\n    | HvAtmosphereColorKeys\n    | \"transparent\";\n  /**\n   *  The border color at the top of the card. Must be one of palette semantic or atmosphere colors.\n   *  To set another color, the borderTop should be override.\n   */\n  statusColor?: \"sema0\" | HvSemanticColorKeys | HvAtmosphereColorKeys;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvCardClasses;\n}\n\n/**\n * A card is a container for a few short and related pieces of content.\n * It roughly resembles a playing card in size and shape and is intended as a\n * linked short representation of a conceptual unit. For that reason,\n * this pattern must be used as an entry-point for further information.\n */\nexport const HvCard = (props: HvCardProps) => {\n  const {\n    classes: classesProp,\n    className,\n    children,\n    icon,\n    selectable = false,\n    selected = false,\n    statusColor = \"sema0\",\n    bgcolor,\n    ...others\n  } = useDefaultProps(\"HvCard\", props);\n\n  const { classes, css, cx } = useClasses(classesProp);\n\n  return (\n    <HvBox\n      className={cx(\n        \"HvIsCardGridElement\",\n        classes.root,\n        css({\n          backgroundColor:\n            (bgcolor && theme.colors[bgcolor]) || theme.card.backgroundColor,\n        }),\n        {\n          [classes.selectable]: selectable,\n          [classes.selected]: selected,\n        },\n        className\n      )}\n      {...others}\n    >\n      <div className={classes.semanticContainer}>\n        <div\n          className={cx(\n            css({\n              height: selected ? 4 : 2,\n              backgroundColor:\n                statusColor === \"sema0\"\n                  ? selected\n                    ? theme.colors.secondary\n                    : theme.colors.atmo4\n                  : theme.colors[statusColor],\n            }),\n            classes.semanticBar\n          )}\n        />\n        <div className={classes.icon}>{icon}</div>\n      </div>\n      {children}\n    </HvBox>\n  );\n};\n"],"names":["HvCard","props","classes","classesProp","className","children","icon","selectable","selected","statusColor","bgcolor","others","useDefaultProps","css","cx","useClasses","HvBox","root","backgroundColor","theme","colors","card","_jsxs","semanticContainer","_jsx","height","secondary","atmo4","semanticBar"],"mappings":";;;;;;;AA0CaA,MAAAA,SAASA,CAACC,UAAuB;AACtC,QAAA;AAAA,IACJC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,aAAa;AAAA,IACbC,WAAW;AAAA,IACXC,cAAc;AAAA,IACdC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,UAAUX,KAAK;AAE7B,QAAA;AAAA,IAAEC;AAAAA,IAASW;AAAAA,IAAKC;AAAAA,EAAAA,IAAOC,YAAAA,WAAWZ,WAAW;AAEnD,yCACGa,IAAAA,OAAK;AAAA,IACJZ,WAAWU,GACT,uBACAZ,QAAQe,MACRJ,IAAI;AAAA,MACFK,iBACGR,WAAWS,kBAAMC,OAAOV,OAAO,KAAMS,YAAAA,MAAME,KAAKH;AAAAA,IAAAA,CACpD,GACD;AAAA,MACE,CAAChB,QAAQK,UAAU,GAAGA;AAAAA,MACtB,CAACL,QAAQM,QAAQ,GAAGA;AAAAA,OAEtBJ,SACF;AAAA,IAAE,GACEO;AAAAA,IAAMN,WAEViB,2BAAAA,KAAA,OAAA;AAAA,MAAKlB,WAAWF,QAAQqB;AAAAA,MAAkBlB,WACxCmB,2BAAAA,IAAA,OAAA;AAAA,QACEpB,WAAWU,GACTD,IAAI;AAAA,UACFY,QAAQjB,WAAW,IAAI;AAAA,UACvBU,iBACET,gBAAgB,UACZD,WACEW,YAAMC,MAAAA,OAAOM,YACbP,YAAAA,MAAMC,OAAOO,QACfR,YAAAA,MAAMC,OAAOX,WAAW;AAAA,QAAA,CAC/B,GACDP,QAAQ0B,WACV;AAAA,MAAA,CACD,GACDJ,2BAAAA,IAAA,OAAA;AAAA,QAAKpB,WAAWF,QAAQI;AAAAA,QAAKD,UAAEC;AAAAA,MAAAA,CAAU,CAAC;AAAA,IACvC,CAAA,GACJD,QAAQ;AAAA,EAAA,CACJ;AAEX;;;"}
+{"version":3,"file":"Card.cjs","sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { HvBox } from \"@core/components/Box\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvAtmosphereColorKeys, HvSemanticColorKeys } from \"@core/types/tokens\";\n\nimport { staticClasses, useClasses } from \"./Card.styles\";\n\nexport { staticClasses as cardClasses };\n\nexport type HvCardClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvCardProps extends HvBaseProps {\n  /** The renderable content inside the icon slot of the header. */\n  icon?: React.ReactNode;\n  /** Whether the card is selectable. */\n  selectable?: boolean;\n  /** Whether the card is currently selected. */\n  selected?: boolean;\n  /** The background color of the card. */\n  bgcolor?:\n    | \"sema0\"\n    | HvSemanticColorKeys\n    | HvAtmosphereColorKeys\n    | \"transparent\";\n  /**\n   *  The border color at the top of the card. Must be one of palette semantic or atmosphere colors.\n   *  To set another color, the borderTop should be override.\n   */\n  statusColor?: \"sema0\" | HvSemanticColorKeys | HvAtmosphereColorKeys;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvCardClasses;\n}\n\n/**\n * A card is a container for a few short and related pieces of content.\n * It roughly resembles a playing card in size and shape and is intended as a\n * linked short representation of a conceptual unit. For that reason,\n * this pattern must be used as an entry-point for further information.\n */\nexport const HvCard = (props: HvCardProps) => {\n  const {\n    classes: classesProp,\n    className,\n    children,\n    icon,\n    selectable = false,\n    selected = false,\n    statusColor = \"sema0\",\n    bgcolor,\n    ...others\n  } = useDefaultProps(\"HvCard\", props);\n\n  const { classes, css, cx } = useClasses(classesProp);\n\n  return (\n    <HvBox\n      className={cx(\n        \"HvIsCardGridElement\",\n        classes.root,\n        css({\n          backgroundColor:\n            (bgcolor && theme.colors[bgcolor]) || theme.card.backgroundColor,\n        }),\n        {\n          [classes.selectable]: selectable,\n          [classes.selected]: selected,\n        },\n        className\n      )}\n      {...others}\n    >\n      <div className={classes.semanticContainer}>\n        <div\n          className={cx(\n            css({\n              height: selected ? 4 : 2,\n              backgroundColor:\n                statusColor === \"sema0\"\n                  ? selected\n                    ? theme.colors.secondary\n                    : theme.colors.atmo4\n                  : theme.colors[statusColor],\n            }),\n            classes.semanticBar\n          )}\n        />\n        <div className={classes.icon}>{icon}</div>\n      </div>\n      {children}\n    </HvBox>\n  );\n};\n"],"names":["HvCard","props","classes","classesProp","className","children","icon","selectable","selected","statusColor","bgcolor","others","useDefaultProps","css","cx","useClasses","HvBox","root","backgroundColor","theme","colors","card","jsxs","semanticContainer","jsx","height","secondary","atmo4","semanticBar"],"mappings":";;;;;;;AA0CaA,MAAAA,SAASA,CAACC,UAAuB;AACtC,QAAA;AAAA,IACJC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,aAAa;AAAA,IACbC,WAAW;AAAA,IACXC,cAAc;AAAA,IACdC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,UAAUX,KAAK;AAE7B,QAAA;AAAA,IAAEC;AAAAA,IAASW;AAAAA,IAAKC;AAAAA,EAAAA,IAAOC,YAAAA,WAAWZ,WAAW;AAEnD,yCACGa,IACC,OAAA,EAAA,WAAWF,GACT,uBACAZ,QAAQe,MACRJ,IAAI;AAAA,IACFK,iBACGR,WAAWS,kBAAMC,OAAOV,OAAO,KAAMS,YAAAA,MAAME,KAAKH;AAAAA,EAAAA,CACpD,GACD;AAAA,IACE,CAAChB,QAAQK,UAAU,GAAGA;AAAAA,IACtB,CAACL,QAAQM,QAAQ,GAAGA;AAAAA,EAEtBJ,GAAAA,SACF,GACA,GAAIO,QAEJ,UAAA;AAAA,IAACW,2BAAA,KAAA,OAAA,EAAI,WAAWpB,QAAQqB,mBACtB,UAAA;AAAA,MAACC,2BAAAA,IAAA,OAAA,EACC,WAAWV,GACTD,IAAI;AAAA,QACFY,QAAQjB,WAAW,IAAI;AAAA,QACvBU,iBACET,gBAAgB,UACZD,WACEW,YAAMC,MAAAA,OAAOM,YACbP,YAAAA,MAAMC,OAAOO,QACfR,YAAAA,MAAMC,OAAOX,WAAW;AAAA,MAAA,CAC/B,GACDP,QAAQ0B,WACV,GAAE;AAAA,MAEHJ,2BAAA,IAAA,OAAA,EAAI,WAAWtB,QAAQI,MAAOA,UAAK,MAAA;AAAA,IAAA,GACtC;AAAA,IACCD;AAAAA,EACH,EAAA,CAAA;AAEJ;;;"}

package/dist/cjs/components/Card/Content/Content.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const MuiCardContent = require("@mui/material/CardContent");
 const Content_styles = require("./Content.styles.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const MuiCardContent__default = /* @__PURE__ */ _interopDefault(MuiCardContent);
 const HvCardContent = ({
@@ -17,13 +17,7 @@ const HvCardContent = ({
     classes,
     cx
   } = Content_styles.useClasses(classesProp);
-  return /* @__PURE__ */ jsxRuntime.jsx(MuiCardContent__default.default, {
-    id,
-    className: cx(classes.content, className),
-    onClick,
-    ...others,
-    children
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(MuiCardContent__default.default, { id, className: cx(classes.content, className), onClick, ...others, children });
 };
 exports.cardContentClasses = Content_styles.staticClasses;
 exports.HvCardContent = HvCardContent;

package/dist/cjs/components/Card/Content/Content.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Content.cjs","sources":["../../../../../src/components/Card/Content/Content.tsx"],"sourcesContent":["import MuiCardContent, {\n  CardContentProps as MuiCardContentProps,\n} from \"@mui/material/CardContent\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./Content.styles\";\n\nexport { staticClasses as cardContentClasses };\n\nexport type HvCardContentClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvCardContentProps\n  extends Omit<MuiCardContentProps, \"classes\">,\n    HvBaseProps {\n  /** Id to be applied to the root node. */\n  id?: string;\n  /** The function that will be executed when this section is clicked. */\n  onClick?: (event: React.SyntheticEvent) => void;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvCardContentClasses;\n}\n\nexport const HvCardContent = ({\n  id,\n  classes: classesProp,\n  className,\n  children,\n  onClick,\n  ...others\n}: HvCardContentProps) => {\n  const { classes, cx } = useClasses(classesProp);\n  return (\n    <MuiCardContent\n      id={id}\n      className={cx(classes.content, className)}\n      onClick={onClick}\n      {...others}\n    >\n      {children}\n    </MuiCardContent>\n  );\n};\n"],"names":["HvCardContent","id","classes","classesProp","className","children","onClick","others","cx","useClasses","MuiCardContent","content"],"mappings":";;;;;;;AAwBO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEL;AAAAA,IAASM;AAAAA,EAAAA,IAAOC,eAAAA,WAAWN,WAAW;AAC9C,wCACGO,wBAAAA,SAAc;AAAA,IACbT;AAAAA,IACAG,WAAWI,GAAGN,QAAQS,SAASP,SAAS;AAAA,IACxCE;AAAAA,IAAiB,GACbC;AAAAA,IAAMF;AAAAA,EAAAA,CAGI;AAEpB;;;"}
+{"version":3,"file":"Content.cjs","sources":["../../../../../src/components/Card/Content/Content.tsx"],"sourcesContent":["import MuiCardContent, {\n  CardContentProps as MuiCardContentProps,\n} from \"@mui/material/CardContent\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./Content.styles\";\n\nexport { staticClasses as cardContentClasses };\n\nexport type HvCardContentClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvCardContentProps\n  extends Omit<MuiCardContentProps, \"classes\">,\n    HvBaseProps {\n  /** Id to be applied to the root node. */\n  id?: string;\n  /** The function that will be executed when this section is clicked. */\n  onClick?: (event: React.SyntheticEvent) => void;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvCardContentClasses;\n}\n\nexport const HvCardContent = ({\n  id,\n  classes: classesProp,\n  className,\n  children,\n  onClick,\n  ...others\n}: HvCardContentProps) => {\n  const { classes, cx } = useClasses(classesProp);\n  return (\n    <MuiCardContent\n      id={id}\n      className={cx(classes.content, className)}\n      onClick={onClick}\n      {...others}\n    >\n      {children}\n    </MuiCardContent>\n  );\n};\n"],"names":["HvCardContent","id","classes","classesProp","className","children","onClick","others","cx","useClasses","jsx","MuiCardContent","content"],"mappings":";;;;;;;AAwBO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEL;AAAAA,IAASM;AAAAA,EAAAA,IAAOC,eAAAA,WAAWN,WAAW;AAC9C,SACGO,2BAAA,IAAAC,wBAAA,SAAA,EACC,IACA,WAAWH,GAAGN,QAAQU,SAASR,SAAS,GACxC,SACA,GAAIG,QAEHF,SACH,CAAA;AAEJ;;;"}

package/dist/cjs/components/Card/Header/Header.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const MuiCardHeader = require("@mui/material/CardHeader");
 const useTheme = require("../../../hooks/useTheme.cjs");
 const Header_styles = require("./Header.styles.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const MuiCardHeader__default = /* @__PURE__ */ _interopDefault(MuiCardHeader);
 const HvCardHeader = ({
@@ -23,28 +23,20 @@ const HvCardHeader = ({
     css,
     cx
   } = Header_styles.useClasses(classesProp);
-  return /* @__PURE__ */ jsxRuntime.jsx(MuiCardHeader__default.default, {
-    title,
-    subheader,
-    action: icon,
-    onClick,
-    className: cx(classes.root, className),
-    classes: {
-      title: cx(css({
-        ...activeTheme == null ? void 0 : activeTheme.typography[activeTheme == null ? void 0 : activeTheme.card.titleVariant]
-      }), {
-        [classes.titleShort]: icon,
-        [classes.title]: !icon
-      }),
-      subheader: cx(css({
-        ...activeTheme == null ? void 0 : activeTheme.typography[activeTheme == null ? void 0 : activeTheme.card.subheaderVariant],
-        color: activeTheme == null ? void 0 : activeTheme.card.subheaderColor
-      }), classes.subheader),
-      action: classes.action,
-      content: classes.content
-    },
-    ...others
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(MuiCardHeader__default.default, { title, subheader, action: icon, onClick, className: cx(classes.root, className), classes: {
+    title: cx(css({
+      ...activeTheme == null ? void 0 : activeTheme.typography[activeTheme == null ? void 0 : activeTheme.card.titleVariant]
+    }), {
+      [classes.titleShort]: icon,
+      [classes.title]: !icon
+    }),
+    subheader: cx(css({
+      ...activeTheme == null ? void 0 : activeTheme.typography[activeTheme == null ? void 0 : activeTheme.card.subheaderVariant],
+      color: activeTheme == null ? void 0 : activeTheme.card.subheaderColor
+    }), classes.subheader),
+    action: classes.action,
+    content: classes.content
+  }, ...others });
 };
 exports.cardHeaderClasses = Header_styles.staticClasses;
 exports.HvCardHeader = HvCardHeader;