@hitachivantara/uikit-react-core 5.27.6 → 5.27.7

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

@@ -1,6 +1,6 @@
+import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
 import { useClasses } from "./CalendarWeekLabels.styles.js";
 import { staticClasses } from "./CalendarWeekLabels.styles.js";
-import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
 import { HvTypography } from "../../Typography/Typography.js";
 const HvCalendarWeekLabel = ({
   classes: classesProp,
@@ -9,16 +9,14 @@ const HvCalendarWeekLabel = ({
   const {
     classes
   } = useClasses(classesProp);
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [" ", labels.map((dayName, index) => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    " ",
+    labels.map((dayName, index) => {
       const key = `${dayName}-${index}`;
-      return /* @__PURE__ */ jsx(HvTypography, {
-        variant: "label",
-        className: classes.calendarDay,
-        children: dayName
-      }, key);
-    }), " "]
-  });
+      return /* @__PURE__ */ jsx(HvTypography, { variant: "label", className: classes.calendarDay, children: dayName }, key);
+    }),
+    " "
+  ] });
 };
 export {
   HvCalendarWeekLabel,

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarWeekLabels.js","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,WAAWF,WAAW;AAE1C,8BACEG,UAAA;AAAA,IAAAC,UAAA,CACG,KACAH,OAAOI,IAAI,CAACC,SAASC,UAAU;AAC9B,YAAMC,MAAO,GAAEF,OAAQ,IAAGC,KAAM;AAChC,iCACGE,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.js","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","map","dayName","index","key","calendarDay"],"mappings":";;;;AASO,MAAMA,sBAAsBA,CAAC;AAAA,EAClCC,SAASC;AAAAA,EACTC,SAAS,CAAA;AACe,MAAM;AACxB,QAAA;AAAA,IAAEF;AAAAA,EAAAA,IAAYG,WAAWF,WAAW;AAE1C,SAEK,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA;AAAA,IACAC,OAAOE,IAAI,CAACC,SAASC,UAAU;AAC9B,YAAMC,MAAO,GAAEF,OAAQ,IAAGC,KAAM;AAE9B,aAAA,oBAAC,gBACC,SAAQ,SACR,WAAWN,QAAQQ,aAGlBH,qBAFIE,GAGP;AAAA,IAAA,CAEH;AAAA,IAAG;AAAA,EACN,EAAA,CAAA;AAEJ;"}

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

@@ -1,8 +1,8 @@
+import { jsx } from "@emotion/react/jsx-runtime";
 import { useRef } from "react";
 import { isDateRangeProp, isSameDay, isSameMonth, dateInProvidedValueRange, checkIfDateIsDisabled } from "../utils.js";
 import { useClasses } from "./CalendarCell.styles.js";
 import { staticClasses } from "./CalendarCell.styles.js";
-import { jsx } from "@emotion/react/jsx-runtime";
 import { HvTypography } from "../../Typography/Typography.js";
 const HvCalendarCell = ({
   classes: classesProp,
@@ -49,38 +49,20 @@ const HvCalendarCell = ({
   const handleKeyDown = (event) => {
     onKeyDown == null ? void 0 : onKeyDown(event);
   };
-  const renderDate = () => /* @__PURE__ */ 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__ */ jsx(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__ */ jsx("div", {
-    className: cx(classes.dateWrapper, {
-      [classes.cellsInRange]: inMonth && rangeMode && isSelecting,
-      [classes.cellsOutsideRange]: rangeMode && !isSelecting
-    }),
-    "data-calendar-cell": "calendarCell",
-    children: renderDate()
-  });
+  const renderDate = () => /* @__PURE__ */ 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__ */ jsx(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__ */ jsx("div", { className: cx(classes.dateWrapper, {
+    [classes.cellsInRange]: inMonth && rangeMode && isSelecting,
+    [classes.cellsOutsideRange]: rangeMode && !isSelecting
+  }), "data-calendar-cell": "calendarCell", children: renderDate() });
 };
 export {
   HvCalendarCell,

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarCell.js","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":"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"}
+{"version":3,"file":"CalendarCell.js","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","cellContainer","focusSelection","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,WAAWd,WAAW;AAExCe,QAAAA,WAAWC,OAA0B,IAAI;AAE/C,QAAMC,YAAYC,gBAAgBf,aAAa,IAC3CA,cAAcc,YACdE;AACJ,QAAMC,UAAUF,gBAAgBf,aAAa,IACzCA,cAAciB,UACdD;AACEE,QAAAA,cAAcC,UAAUjB,OAAOE,KAAK;AACpCgB,QAAAA,iBAAiBD,UAAUnB,eAAeE,KAAK;AAC/CmB,QAAAA,UAAUC,YAAYpB,OAAOD,sBAAsB;AACzD,QAAMsB,0BACJf,aAAaN,SAASY,YAAYZ,SAASY,YAAY;AACzD,QAAMU,qBAAqBhB,YAAYW,UAAUjB,OAAOY,SAAS,IAAI;AACrE,QAAMW,yBACJzB,iBAAiBQ,YACbkB,yBAAyBxB,OAAOF,aAAa,IAC7C;AACN,QAAM2B,iBAAiBC,sBAAsB1B,OAAOI,aAAaC,WAAW;AACtEsB,QAAAA,eAAeV,UAAUL,WAAWZ,KAAK;AACzC4B,QAAAA,aAAaX,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,MACjB,oBAAC,UACC,EAAA,KAAK1B,UACL,MAAK,UACL,WAAWF,GAAGd,QAAQ2C,eAAe;AAAA,IACnC,CAAC3C,QAAQ4C,cAAc,GAAGnB;AAAAA,EAC3B,CAAA,GACD,SAASW,aACT,WAAWK,eACX,UAAUV,kBAAkB,CAACN,SAC7B,iBAAeA,SACf,GAAIZ,QAEJ,UAAC,oBAAA,cAAA,EACC,SAASS,cAAc,UAAU,QACjC,WAAWR,GAAGd,QAAQ6C,cAAc;AAAA,IAClC,CAAC7C,QAAQ8C,oBAAoB,GAAGrB,WAAWD;AAAAA,IAC3C,CAACxB,QAAQ+C,sBAAsB,GAAG,CAACtB;AAAAA,IACnC,CAACzB,QAAQgD,4BAA4B,GACnCvB,WAAWb,aAAaiB;AAAAA,IAC1B,CAAC7B,QAAQiD,oBAAoB,GAAGlB;AAAAA,IAChC,CAAC/B,QAAQiC,YAAY,GACnBR,YACEQ,gBAAgBrB,aACfgB,sBAAsBrB;AAAAA,IAC3B,CAACP,QAAQkC,UAAU,GAAGT,WAAWS,cAActB;AAAAA,EAAAA,CAChD,GAEAN,UAAAA,SAASA,MAAM4C,WAClB,EACF,CAAA;AAGF,SACG,oBAAA,OAAA,EACC,WAAWpC,GAAGd,QAAQmD,aAAa;AAAA,IACjC,CAACnD,QAAQoD,YAAY,GAAG3B,WAAWb,aAAauB;AAAAA,IAChD,CAACnC,QAAQqD,iBAAiB,GAAGzC,aAAa,CAACuB;AAAAA,EAAAA,CAC5C,GACD,sBAAmB,gBAElBO,uBACH,CAAA;AAEJ;"}

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

@@ -1,3 +1,4 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { useState, useMemo } from "react";
 import isNil from "lodash/isNil";
 import { isKey } from "../../../utils/keyboardUtils.js";
@@ -8,7 +9,6 @@ import { HvCalendarCell } from "./CalendarCell.js";
 import { HvCalendarHeader } from "../CalendarHeader/CalendarHeader.js";
 import { useClasses } from "./SingleCalendar.styles.js";
 import { staticClasses } from "./SingleCalendar.styles.js";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { HvComposedNavigation } from "../CalendarNavigation/ComposedNavigation/ComposedNavigation.js";
 import { HvCalendarWeekLabel } from "../CalendarWeekLabels/CalendarWeekLabels.js";
 import { HvMonthSelector } from "../CalendarNavigation/MonthSelector/MonthSelector.js";
@@ -84,60 +84,19 @@ const HvSingleCalendar = ({
     }
   };
   const renderCalendarDate = (currentDate) => {
-    return /* @__PURE__ */ jsx(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__ */ jsx(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__ */ jsx("div", {
-    className: cx(classes.calendarContainer, className),
-    ...others,
-    children: /* @__PURE__ */ jsxs("div", {
-      id,
-      className: classes.calendarWrapper,
-      children: [/* @__PURE__ */ jsx(HvCalendarHeader, {
-        id: setId(id, "header"),
-        locale,
-        onChange: handleInputChange,
-        showEndDate: showEndDate && !isDateSelectionMode,
-        showDayOfWeek,
-        invalidDateLabel
-      }), calViewMode === "calendar" && /* @__PURE__ */ jsxs("div", {
-        children: [/* @__PURE__ */ jsx(HvComposedNavigation, {
-          id,
-          locale,
-          onChange: onVisibleDateChange,
-          onViewModeChange: setCalViewMode,
-          visibleYear: visibleYear || today.getFullYear(),
-          visibleMonth: visibleMonth || today.getMonth() + 1
-        }), /* @__PURE__ */ jsxs("div", {
-          className: classes.calendarGrid,
-          "aria-controls": (_b = (_a = HvCalendarHeader) == null ? void 0 : _a[0]) == null ? void 0 : _b.id,
-          children: [/* @__PURE__ */ jsx(HvCalendarWeekLabel, {
-            labels: listWeekdayNames
-          }), calModel.dates.map(renderCalendarDate)]
-        })]
-      }), calViewMode === "monthly" && /* @__PURE__ */ jsx(HvMonthSelector, {
-        id,
-        locale,
-        onChange: onVisibleDateChange,
-        onViewModeChange: setCalViewMode,
-        visibleMonth: visibleMonth || today.getMonth() + 1,
-        rangeMode
-      })]
-    })
-  });
+  return /* @__PURE__ */ jsx("div", { className: cx(classes.calendarContainer, className), ...others, children: /* @__PURE__ */ jsxs("div", { id, className: classes.calendarWrapper, children: [
+    /* @__PURE__ */ jsx(HvCalendarHeader, { id: setId(id, "header"), locale, onChange: handleInputChange, showEndDate: showEndDate && !isDateSelectionMode, showDayOfWeek, invalidDateLabel }),
+    calViewMode === "calendar" && /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(HvComposedNavigation, { id, locale, onChange: onVisibleDateChange, onViewModeChange: setCalViewMode, visibleYear: visibleYear || today.getFullYear(), visibleMonth: visibleMonth || today.getMonth() + 1 }),
+      /* @__PURE__ */ jsxs("div", { className: classes.calendarGrid, "aria-controls": (_b = (_a = HvCalendarHeader) == null ? void 0 : _a[0]) == null ? void 0 : _b.id, children: [
+        /* @__PURE__ */ jsx(HvCalendarWeekLabel, { labels: listWeekdayNames }),
+        calModel.dates.map(renderCalendarDate)
+      ] })
+    ] }),
+    calViewMode === "monthly" && /* @__PURE__ */ jsx(HvMonthSelector, { id, locale, onChange: onVisibleDateChange, onViewModeChange: setCalViewMode, visibleMonth: visibleMonth || today.getMonth() + 1, rangeMode })
+  ] }) });
 };
 export {
   HvSingleCalendar,

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

@@ -1 +1 @@
-{"version":3,"file":"SingleCalendar.js","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.js","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","calendarContainer","calendarWrapper","setId","getFullYear","getMonth","calendarGrid","HvCalendarHeader","dates","map"],"mappings":"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"}

package/dist/esm/components/Card/Card.js

@@ -1,8 +1,8 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { theme } from "@hitachivantara/uikit-styles";
 import { useDefaultProps } from "../../hooks/useDefaultProps.js";
 import { useClasses } from "./Card.styles.js";
 import { staticClasses } from "./Card.styles.js";
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { HvBox } from "../Box/Box.js";
 const HvCard = (props) => {
   const {
@@ -21,27 +21,21 @@ const HvCard = (props) => {
     css,
     cx
   } = useClasses(classesProp);
-  return /* @__PURE__ */ jsxs(HvBox, {
-    className: cx("HvIsCardGridElement", classes.root, css({
-      backgroundColor: bgcolor && theme.colors[bgcolor] || theme.card.backgroundColor
-    }), {
-      [classes.selectable]: selectable,
-      [classes.selected]: selected
-    }, className),
-    ...others,
-    children: [/* @__PURE__ */ jsxs("div", {
-      className: classes.semanticContainer,
-      children: [/* @__PURE__ */ jsx("div", {
-        className: cx(css({
-          height: selected ? 4 : 2,
-          backgroundColor: statusColor === "sema0" ? selected ? theme.colors.secondary : theme.colors.atmo4 : theme.colors[statusColor]
-        }), classes.semanticBar)
-      }), /* @__PURE__ */ jsx("div", {
-        className: classes.icon,
-        children: icon
-      })]
-    }), children]
-  });
+  return /* @__PURE__ */ jsxs(HvBox, { className: cx("HvIsCardGridElement", classes.root, css({
+    backgroundColor: bgcolor && theme.colors[bgcolor] || theme.card.backgroundColor
+  }), {
+    [classes.selectable]: selectable,
+    [classes.selected]: selected
+  }, className), ...others, children: [
+    /* @__PURE__ */ jsxs("div", { className: classes.semanticContainer, children: [
+      /* @__PURE__ */ jsx("div", { className: cx(css({
+        height: selected ? 4 : 2,
+        backgroundColor: statusColor === "sema0" ? selected ? theme.colors.secondary : theme.colors.atmo4 : theme.colors[statusColor]
+      }), classes.semanticBar) }),
+      /* @__PURE__ */ jsx("div", { className: classes.icon, children: icon })
+    ] }),
+    children
+  ] });
 };
 export {
   HvCard,

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","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,UAAUX,KAAK;AAE7B,QAAA;AAAA,IAAEC;AAAAA,IAASW;AAAAA,IAAKC;AAAAA,EAAAA,IAAOC,WAAWZ,WAAW;AAEnD,8BACGa,OAAK;AAAA,IACJZ,WAAWU,GACT,uBACAZ,QAAQe,MACRJ,IAAI;AAAA,MACFK,iBACGR,WAAWS,MAAMC,OAAOV,OAAO,KAAMS,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,qBAAA,OAAA;AAAA,MAAKlB,WAAWF,QAAQqB;AAAAA,MAAkBlB,WACxCmB,oBAAA,OAAA;AAAA,QACEpB,WAAWU,GACTD,IAAI;AAAA,UACFY,QAAQjB,WAAW,IAAI;AAAA,UACvBU,iBACET,gBAAgB,UACZD,WACEW,MAAMC,OAAOM,YACbP,MAAMC,OAAOO,QACfR,MAAMC,OAAOX,WAAW;AAAA,QAAA,CAC/B,GACDP,QAAQ0B,WACV;AAAA,MAAA,CACD,GACDJ,oBAAA,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.js","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","root","backgroundColor","theme","colors","card","semanticContainer","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,UAAUX,KAAK;AAE7B,QAAA;AAAA,IAAEC;AAAAA,IAASW;AAAAA,IAAKC;AAAAA,EAAAA,IAAOC,WAAWZ,WAAW;AAEnD,8BACG,OACC,EAAA,WAAWW,GACT,uBACAZ,QAAQc,MACRH,IAAI;AAAA,IACFI,iBACGP,WAAWQ,MAAMC,OAAOT,OAAO,KAAMQ,MAAME,KAAKH;AAAAA,EAAAA,CACpD,GACD;AAAA,IACE,CAACf,QAAQK,UAAU,GAAGA;AAAAA,IACtB,CAACL,QAAQM,QAAQ,GAAGA;AAAAA,EAEtBJ,GAAAA,SACF,GACA,GAAIO,QAEJ,UAAA;AAAA,IAAC,qBAAA,OAAA,EAAI,WAAWT,QAAQmB,mBACtB,UAAA;AAAA,MAAC,oBAAA,OAAA,EACC,WAAWP,GACTD,IAAI;AAAA,QACFS,QAAQd,WAAW,IAAI;AAAA,QACvBS,iBACER,gBAAgB,UACZD,WACEU,MAAMC,OAAOI,YACbL,MAAMC,OAAOK,QACfN,MAAMC,OAAOV,WAAW;AAAA,MAAA,CAC/B,GACDP,QAAQuB,WACV,GAAE;AAAA,MAEH,oBAAA,OAAA,EAAI,WAAWvB,QAAQI,MAAOA,UAAK,MAAA;AAAA,IAAA,GACtC;AAAA,IACCD;AAAAA,EACH,EAAA,CAAA;AAEJ;"}

package/dist/esm/components/Card/Content/Content.js

@@ -1,7 +1,7 @@
+import { jsx } from "@emotion/react/jsx-runtime";
 import MuiCardContent from "@mui/material/CardContent";
 import { useClasses } from "./Content.styles.js";
 import { staticClasses } from "./Content.styles.js";
-import { jsx } from "@emotion/react/jsx-runtime";
 const HvCardContent = ({
   id,
   classes: classesProp,
@@ -14,13 +14,7 @@ const HvCardContent = ({
     classes,
     cx
   } = useClasses(classesProp);
-  return /* @__PURE__ */ jsx(MuiCardContent, {
-    id,
-    className: cx(classes.content, className),
-    onClick,
-    ...others,
-    children
-  });
+  return /* @__PURE__ */ jsx(MuiCardContent, { id, className: cx(classes.content, className), onClick, ...others, children });
 };
 export {
   HvCardContent,

package/dist/esm/components/Card/Content/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","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,WAAWN,WAAW;AAC9C,6BACGO,gBAAc;AAAA,IACbT;AAAAA,IACAG,WAAWI,GAAGN,QAAQS,SAASP,SAAS;AAAA,IACxCE;AAAAA,IAAiB,GACbC;AAAAA,IAAMF;AAAAA,EAAAA,CAGI;AAEpB;"}
+{"version":3,"file":"Content.js","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","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,WAAWN,WAAW;AAC9C,SACG,oBAAA,gBAAA,EACC,IACA,WAAWK,GAAGN,QAAQQ,SAASN,SAAS,GACxC,SACA,GAAIG,QAEHF,SACH,CAAA;AAEJ;"}

package/dist/esm/components/Card/Header/Header.js

@@ -1,8 +1,8 @@
+import { jsx } from "@emotion/react/jsx-runtime";
 import MuiCardHeader from "@mui/material/CardHeader";
 import { useTheme } from "../../../hooks/useTheme.js";
 import { useClasses } from "./Header.styles.js";
 import { staticClasses } from "./Header.styles.js";
-import { jsx } from "@emotion/react/jsx-runtime";
 const HvCardHeader = ({
   classes: classesProp,
   className,
@@ -20,28 +20,20 @@ const HvCardHeader = ({
     css,
     cx
   } = useClasses(classesProp);
-  return /* @__PURE__ */ jsx(MuiCardHeader, {
-    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__ */ jsx(MuiCardHeader, { 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 });
 };
 export {
   HvCardHeader,

package/dist/esm/components/Card/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../../../src/components/Card/Header/Header.tsx"],"sourcesContent":["import MuiCardHeader, {\n  CardHeaderProps as MuiCardHeaderProps,\n} from \"@mui/material/CardHeader\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./Header.styles\";\n\nexport { staticClasses as cardHeaderClasses };\n\nexport type HvCardHeaderClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvCardHeaderProps\n  extends Omit<MuiCardHeaderProps, \"classes\">,\n    HvBaseProps<HTMLDivElement, \"title\"> {\n  /** The renderable content inside the title slot of the header. */\n  title: React.ReactNode;\n  /** The renderable content inside the subheader slot of the header. */\n  subheader?: React.ReactNode;\n  /** The renderable content inside the icon slot of the header. */\n  icon?: React.ReactNode;\n  /** The function that will be executed when this section is clicked. */\n  onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvCardHeaderClasses;\n}\n\nexport const HvCardHeader = ({\n  classes: classesProp,\n  className,\n  title,\n  subheader,\n  icon,\n  onClick,\n  ...others\n}: HvCardHeaderProps) => {\n  const { activeTheme } = useTheme();\n  const { classes, css, cx } = useClasses(classesProp);\n\n  return (\n    <MuiCardHeader\n      title={title}\n      subheader={subheader}\n      action={icon}\n      onClick={onClick}\n      className={cx(classes.root, className)}\n      classes={{\n        title: cx(\n          css({\n            ...activeTheme?.typography[activeTheme?.card.titleVariant],\n          }),\n          {\n            [classes.titleShort]: icon,\n            [classes.title]: !icon,\n          }\n        ),\n        subheader: cx(\n          css({\n            ...activeTheme?.typography[activeTheme?.card.subheaderVariant],\n            color: activeTheme?.card.subheaderColor,\n          }),\n          classes.subheader\n        ),\n        action: classes.action,\n        content: classes.content,\n      }}\n      {...others}\n    />\n  );\n};\n"],"names":["HvCardHeader","classes","classesProp","className","title","subheader","icon","onClick","others","activeTheme","useTheme","css","cx","useClasses","MuiCardHeader","action","root","typography","card","titleVariant","titleShort","subheaderVariant","color","subheaderColor","content"],"mappings":";;;;;AA6BO,MAAMA,eAAeA,CAAC;AAAA,EAC3BC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACc,MAAM;AACjB,QAAA;AAAA,IAAEC;AAAAA,MAAgBC,SAAS;AAC3B,QAAA;AAAA,IAAET;AAAAA,IAASU;AAAAA,IAAKC;AAAAA,EAAAA,IAAOC,WAAWX,WAAW;AAEnD,6BACGY,eAAa;AAAA,IACZV;AAAAA,IACAC;AAAAA,IACAU,QAAQT;AAAAA,IACRC;AAAAA,IACAJ,WAAWS,GAAGX,QAAQe,MAAMb,SAAS;AAAA,IACrCF,SAAS;AAAA,MACPG,OAAOQ,GACLD,IAAI;AAAA,QACF,GAAGF,2CAAaQ,WAAWR,2CAAaS,KAAKC;AAAAA,MAAY,CAC1D,GACD;AAAA,QACE,CAAClB,QAAQmB,UAAU,GAAGd;AAAAA,QACtB,CAACL,QAAQG,KAAK,GAAG,CAACE;AAAAA,MAAAA,CAEtB;AAAA,MACAD,WAAWO,GACTD,IAAI;AAAA,QACF,GAAGF,2CAAaQ,WAAWR,2CAAaS,KAAKG;AAAAA,QAC7CC,OAAOb,2CAAaS,KAAKK;AAAAA,MAAAA,CAC1B,GACDtB,QAAQI,SACV;AAAA,MACAU,QAAQd,QAAQc;AAAAA,MAChBS,SAASvB,QAAQuB;AAAAA,IACnB;AAAA,IAAE,GACEhB;AAAAA,EAAAA,CACL;AAEL;"}
+{"version":3,"file":"Header.js","sources":["../../../../../src/components/Card/Header/Header.tsx"],"sourcesContent":["import MuiCardHeader, {\n  CardHeaderProps as MuiCardHeaderProps,\n} from \"@mui/material/CardHeader\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./Header.styles\";\n\nexport { staticClasses as cardHeaderClasses };\n\nexport type HvCardHeaderClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvCardHeaderProps\n  extends Omit<MuiCardHeaderProps, \"classes\">,\n    HvBaseProps<HTMLDivElement, \"title\"> {\n  /** The renderable content inside the title slot of the header. */\n  title: React.ReactNode;\n  /** The renderable content inside the subheader slot of the header. */\n  subheader?: React.ReactNode;\n  /** The renderable content inside the icon slot of the header. */\n  icon?: React.ReactNode;\n  /** The function that will be executed when this section is clicked. */\n  onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvCardHeaderClasses;\n}\n\nexport const HvCardHeader = ({\n  classes: classesProp,\n  className,\n  title,\n  subheader,\n  icon,\n  onClick,\n  ...others\n}: HvCardHeaderProps) => {\n  const { activeTheme } = useTheme();\n  const { classes, css, cx } = useClasses(classesProp);\n\n  return (\n    <MuiCardHeader\n      title={title}\n      subheader={subheader}\n      action={icon}\n      onClick={onClick}\n      className={cx(classes.root, className)}\n      classes={{\n        title: cx(\n          css({\n            ...activeTheme?.typography[activeTheme?.card.titleVariant],\n          }),\n          {\n            [classes.titleShort]: icon,\n            [classes.title]: !icon,\n          }\n        ),\n        subheader: cx(\n          css({\n            ...activeTheme?.typography[activeTheme?.card.subheaderVariant],\n            color: activeTheme?.card.subheaderColor,\n          }),\n          classes.subheader\n        ),\n        action: classes.action,\n        content: classes.content,\n      }}\n      {...others}\n    />\n  );\n};\n"],"names":["HvCardHeader","classes","classesProp","className","title","subheader","icon","onClick","others","activeTheme","useTheme","css","cx","useClasses","root","typography","card","titleVariant","titleShort","subheaderVariant","color","subheaderColor","action","content"],"mappings":";;;;;AA6BO,MAAMA,eAAeA,CAAC;AAAA,EAC3BC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACc,MAAM;AACjB,QAAA;AAAA,IAAEC;AAAAA,MAAgBC,SAAS;AAC3B,QAAA;AAAA,IAAET;AAAAA,IAASU;AAAAA,IAAKC;AAAAA,EAAAA,IAAOC,WAAWX,WAAW;AAEnD,SACG,oBAAA,eAAA,EACC,OACA,WACA,QAAQI,MACR,SACA,WAAWM,GAAGX,QAAQa,MAAMX,SAAS,GACrC,SAAS;AAAA,IACPC,OAAOQ,GACLD,IAAI;AAAA,MACF,GAAGF,2CAAaM,WAAWN,2CAAaO,KAAKC;AAAAA,IAAY,CAC1D,GACD;AAAA,MACE,CAAChB,QAAQiB,UAAU,GAAGZ;AAAAA,MACtB,CAACL,QAAQG,KAAK,GAAG,CAACE;AAAAA,IAAAA,CAEtB;AAAA,IACAD,WAAWO,GACTD,IAAI;AAAA,MACF,GAAGF,2CAAaM,WAAWN,2CAAaO,KAAKG;AAAAA,MAC7CC,OAAOX,2CAAaO,KAAKK;AAAAA,IAAAA,CAC1B,GACDpB,QAAQI,SACV;AAAA,IACAiB,QAAQrB,QAAQqB;AAAAA,IAChBC,SAAStB,QAAQsB;AAAAA,EAAAA,GAEff,GAAAA,OACJ,CAAA;AAEN;"}

package/dist/esm/components/Card/Media/Media.js

@@ -1,7 +1,7 @@
+import { jsx } from "@emotion/react/jsx-runtime";
 import MuiCardMedia from "@mui/material/CardMedia";
 import { useClasses } from "./Media.styles.js";
 import { staticClasses } from "./Media.styles.js";
-import { jsx } from "@emotion/react/jsx-runtime";
 const HvCardMedia = ({
   id,
   classes: classesProp,
@@ -14,19 +14,10 @@ const HvCardMedia = ({
   const {
     classes
   } = useClasses(classesProp);
-  return /* @__PURE__ */ jsx(MuiCardMedia, {
-    id,
-    classes: {
-      root: classes.root,
-      media: classes.media
-    },
-    className,
-    role: "img",
-    title,
-    onClick,
-    ...others,
-    children
-  });
+  return /* @__PURE__ */ jsx(MuiCardMedia, { id, classes: {
+    root: classes.root,
+    media: classes.media
+  }, className, role: "img", title, onClick, ...others, children });
 };
 export {
   HvCardMedia,

package/dist/esm/components/Card/Media/Media.js.map

@@ -1 +1 @@
-{"version":3,"file":"Media.js","sources":["../../../../../src/components/Card/Media/Media.tsx"],"sourcesContent":["import MuiCardMedia, {\n  CardMediaProps as MuiCardMediaProps,\n} from \"@mui/material/CardMedia\";\n\nimport { ImgHTMLAttributes } from \"react\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./Media.styles\";\n\nexport { staticClasses as cardMediaClasses };\n\nexport type HvCardMediaClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvCardMediaProps\n  extends Omit<MuiCardMediaProps, \"classes\">,\n    ImgHTMLAttributes<HTMLDivElement>,\n    HvBaseProps<HTMLDivElement, \"onClick\" | \"title\"> {\n  /** Id to be applied to the root node. */\n  id?: string;\n  /** The title of the media. */\n  title?: string;\n  /** The function that will be executed when this section is clicked. */\n  onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;\n  /** The component used for the root node. Either a string to use a HTML element or a component. */\n  component?: React.ElementType;\n  /** The image to display. */\n  image?: string;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvCardMediaClasses;\n}\n\nexport const HvCardMedia = ({\n  id,\n  classes: classesProp,\n  className,\n  children,\n  title,\n  onClick,\n  ...others\n}: HvCardMediaProps) => {\n  const { classes } = useClasses(classesProp);\n  return (\n    <MuiCardMedia\n      id={id}\n      classes={{\n        root: classes.root,\n        media: classes.media,\n      }}\n      className={className}\n      role=\"img\"\n      title={title}\n      onClick={onClick}\n      {...others}\n    >\n      {children}\n    </MuiCardMedia>\n  );\n};\n"],"names":["HvCardMedia","id","classes","classesProp","className","children","title","onClick","others","useClasses","MuiCardMedia","root","media","role"],"mappings":";;;;AAiCO,MAAMA,cAAcA,CAAC;AAAA,EAC1BC;AAAAA,EACAC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACa,MAAM;AAChB,QAAA;AAAA,IAAEN;AAAAA,EAAAA,IAAYO,WAAWN,WAAW;AAC1C,6BACGO,cAAY;AAAA,IACXT;AAAAA,IACAC,SAAS;AAAA,MACPS,MAAMT,QAAQS;AAAAA,MACdC,OAAOV,QAAQU;AAAAA,IACjB;AAAA,IACAR;AAAAA,IACAS,MAAK;AAAA,IACLP;AAAAA,IACAC;AAAAA,IAAiB,GACbC;AAAAA,IAAMH;AAAAA,EAAAA,CAGE;AAElB;"}
+{"version":3,"file":"Media.js","sources":["../../../../../src/components/Card/Media/Media.tsx"],"sourcesContent":["import MuiCardMedia, {\n  CardMediaProps as MuiCardMediaProps,\n} from \"@mui/material/CardMedia\";\n\nimport { ImgHTMLAttributes } from \"react\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./Media.styles\";\n\nexport { staticClasses as cardMediaClasses };\n\nexport type HvCardMediaClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvCardMediaProps\n  extends Omit<MuiCardMediaProps, \"classes\">,\n    ImgHTMLAttributes<HTMLDivElement>,\n    HvBaseProps<HTMLDivElement, \"onClick\" | \"title\"> {\n  /** Id to be applied to the root node. */\n  id?: string;\n  /** The title of the media. */\n  title?: string;\n  /** The function that will be executed when this section is clicked. */\n  onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;\n  /** The component used for the root node. Either a string to use a HTML element or a component. */\n  component?: React.ElementType;\n  /** The image to display. */\n  image?: string;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvCardMediaClasses;\n}\n\nexport const HvCardMedia = ({\n  id,\n  classes: classesProp,\n  className,\n  children,\n  title,\n  onClick,\n  ...others\n}: HvCardMediaProps) => {\n  const { classes } = useClasses(classesProp);\n  return (\n    <MuiCardMedia\n      id={id}\n      classes={{\n        root: classes.root,\n        media: classes.media,\n      }}\n      className={className}\n      role=\"img\"\n      title={title}\n      onClick={onClick}\n      {...others}\n    >\n      {children}\n    </MuiCardMedia>\n  );\n};\n"],"names":["HvCardMedia","id","classes","classesProp","className","children","title","onClick","others","useClasses","root","media"],"mappings":";;;;AAiCO,MAAMA,cAAcA,CAAC;AAAA,EAC1BC;AAAAA,EACAC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACa,MAAM;AAChB,QAAA;AAAA,IAAEN;AAAAA,EAAAA,IAAYO,WAAWN,WAAW;AAExC,SAAA,oBAAC,cACC,EAAA,IACA,SAAS;AAAA,IACPO,MAAMR,QAAQQ;AAAAA,IACdC,OAAOT,QAAQS;AAAAA,EAAAA,GAEjB,WACA,MAAK,OACL,OACA,SACIH,GAAAA,QAEHH,SACH,CAAA;AAEJ;"}