@hitachivantara/uikit-react-core 5.41.0 → 5.42.0

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

@@ -1,66 +0,0 @@
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import { DropLeftXS, DropRightXS } from "@hitachivantara/uikit-react-icons";
-import { setId } from "../../../utils/setId.js";
-import { useClasses } from "./Navigation.styles.js";
-import { staticClasses } from "./Navigation.styles.js";
-import { HvButton } from "../../../Button/Button.js";
-const Navigation = ({
-  id,
-  classes: classesProp,
-  onNavigatePrevious,
-  onNavigateNext,
-  onTextClick,
-  navigationText = "n/a",
-  isPreviousEnabled = true,
-  isNextEnabled = true
-}) => {
-  const { classes, cx } = useClasses(classesProp);
-  return /* @__PURE__ */ jsxs("div", { className: classes.root, children: [
-    /* @__PURE__ */ jsx(
-      HvButton,
-      {
-        icon: true,
-        disabled: !isPreviousEnabled,
-        "aria-label": "Previous",
-        id: setId(id, "left"),
-        className: cx(classes.icon, {
-          [classes.disabled]: !isPreviousEnabled
-        }),
-        onClick: onNavigatePrevious,
-        children: /* @__PURE__ */ jsx(DropLeftXS, { role: "none" })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      HvButton,
-      {
-        id,
-        variant: "secondaryGhost",
-        onClick: onTextClick,
-        component: onTextClick ? "button" : "div",
-        className: cx(classes.text, {
-          [classes.textWithoutHover]: !onTextClick
-        }),
-        children: navigationText
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      HvButton,
-      {
-        icon: true,
-        disabled: !isNextEnabled,
-        "aria-label": "Next",
-        id: setId(id, "right"),
-        className: cx(classes.icon, {
-          [classes.disabled]: !isNextEnabled
-        }),
-        onClick: onNavigateNext,
-        children: /* @__PURE__ */ jsx(DropRightXS, { role: "none" })
-      }
-    )
-  ] });
-};
-export {
-  Navigation,
-  staticClasses as navigationClasses
-};
-//# sourceMappingURL=Navigation.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Navigation.js","sources":["../../../../../src/Calendar/CalendarNavigation/Navigation/Navigation.tsx"],"sourcesContent":["import {\n  DropLeftXS as DropLeftIcon,\n  DropRightXS as DropRightIcon,\n} from \"@hitachivantara/uikit-react-icons\";\n\nimport { setId } from \"../../../utils/setId\";\nimport { HvButton } from \"../../../Button\";\nimport { HvBaseProps } from \"../../../types/generic\";\n\nimport { ExtractNames } from \"../../../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  return (\n    <div className={classes.root}>\n      <HvButton\n        icon\n        disabled={!isPreviousEnabled}\n        aria-label=\"Previous\"\n        id={setId(id, \"left\")}\n        className={cx(classes.icon, {\n          [classes.disabled]: !isPreviousEnabled,\n        })}\n        onClick={onNavigatePrevious}\n      >\n        <DropLeftIcon role=\"none\" />\n      </HvButton>\n\n      <HvButton\n        id={id}\n        variant=\"secondaryGhost\"\n        onClick={onTextClick}\n        component={onTextClick ? \"button\" : \"div\"}\n        className={cx(classes.text, {\n          [classes.textWithoutHover]: !onTextClick,\n        })}\n      >\n        {navigationText}\n      </HvButton>\n\n      <HvButton\n        icon\n        disabled={!isNextEnabled}\n        aria-label=\"Next\"\n        id={setId(id, \"right\")}\n        className={cx(classes.icon, {\n          [classes.disabled]: !isNextEnabled,\n        })}\n        onClick={onNavigateNext}\n      >\n        <DropRightIcon role=\"none\" />\n      </HvButton>\n    </div>\n  );\n};\n\nexport interface NavigationProps extends HvBaseProps {\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<HTMLElement>) => void;\n  /**\n   * A function to be executed whenever the navigate next action is triggered.\n   */\n  onNavigateNext: (event: React.MouseEvent<HTMLElement>) => 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":["DropLeftIcon","DropRightIcon"],"mappings":";;;;;;AAiBO,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,oBAAoB;AAAA,EACpB,gBAAgB;AAClB,MAAuB;AACrB,QAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAE9C,SACG,qBAAA,OAAA,EAAI,WAAW,QAAQ,MACtB,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAI;AAAA,QACJ,UAAU,CAAC;AAAA,QACX,cAAW;AAAA,QACX,IAAI,MAAM,IAAI,MAAM;AAAA,QACpB,WAAW,GAAG,QAAQ,MAAM;AAAA,UAC1B,CAAC,QAAQ,QAAQ,GAAG,CAAC;AAAA,QAAA,CACtB;AAAA,QACD,SAAS;AAAA,QAET,UAAA,oBAACA,YAAa,EAAA,MAAK,OAAO,CAAA;AAAA,MAAA;AAAA,IAC5B;AAAA,IAEA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,SAAQ;AAAA,QACR,SAAS;AAAA,QACT,WAAW,cAAc,WAAW;AAAA,QACpC,WAAW,GAAG,QAAQ,MAAM;AAAA,UAC1B,CAAC,QAAQ,gBAAgB,GAAG,CAAC;AAAA,QAAA,CAC9B;AAAA,QAEA,UAAA;AAAA,MAAA;AAAA,IACH;AAAA,IAEA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAI;AAAA,QACJ,UAAU,CAAC;AAAA,QACX,cAAW;AAAA,QACX,IAAI,MAAM,IAAI,OAAO;AAAA,QACrB,WAAW,GAAG,QAAQ,MAAM;AAAA,UAC1B,CAAC,QAAQ,QAAQ,GAAG,CAAC;AAAA,QAAA,CACtB;AAAA,QACD,SAAS;AAAA,QAET,UAAA,oBAACC,aAAc,EAAA,MAAK,OAAO,CAAA;AAAA,MAAA;AAAA,IAC7B;AAAA,EACF,EAAA,CAAA;AAEJ;"}

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

@@ -1,27 +0,0 @@
-import { theme } from "@hitachivantara/uikit-styles";
-import { createClasses } from "../../../utils/classes.js";
-const { staticClasses, useClasses } = createClasses("HvNavigation", {
-  root: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    gap: theme.space.xs
-  },
-  icon: {},
-  disabled: {},
-  text: {
-    minWidth: "unset",
-    flex: 1,
-    color: theme.colors.secondary,
-    fontWeight: theme.typography.body.fontWeight,
-    padding: 0
-  },
-  textWithoutHover: {
-    pointerEvents: "none"
-  }
-});
-export {
-  staticClasses,
-  useClasses
-};
-//# sourceMappingURL=Navigation.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Navigation.styles.js","sources":["../../../../../src/Calendar/CalendarNavigation/Navigation/Navigation.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../../../utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvNavigation\", {\n  root: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    gap: theme.space.xs,\n  },\n  icon: {},\n  disabled: {},\n  text: {\n    minWidth: \"unset\",\n    flex: 1,\n    color: theme.colors.secondary,\n    fontWeight: theme.typography.body.fontWeight,\n    padding: 0,\n  },\n  textWithoutHover: {\n    pointerEvents: \"none\",\n  },\n});\n"],"names":[],"mappings":";;AAIO,MAAM,EAAE,eAAe,eAAe,cAAc,gBAAgB;AAAA,EACzE,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,KAAK,MAAM,MAAM;AAAA,EACnB;AAAA,EACA,MAAM,CAAC;AAAA,EACP,UAAU,CAAC;AAAA,EACX,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO,MAAM,OAAO;AAAA,IACpB,YAAY,MAAM,WAAW,KAAK;AAAA,IAClC,SAAS;AAAA,EACX;AAAA,EACA,kBAAkB;AAAA,IAChB,eAAe;AAAA,EACjB;AACF,CAAC;"}

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

@@ -1,95 +0,0 @@
-import { jsx } from "@emotion/react/jsx-runtime";
-import { useRef } from "react";
-import { useDefaultProps } from "../../hooks/useDefaultProps.js";
-import { isDateRangeProp, isSameDay, isSameMonth, dateInProvidedValueRange, checkIfDateIsDisabled } from "../utils.js";
-import { useClasses } from "./CalendarCell.styles.js";
-import { staticClasses } from "./CalendarCell.styles.js";
-import { HvTypography } from "../../Typography/Typography.js";
-const HvCalendarCell = (props) => {
-  const {
-    classes: classesProp,
-    onChange,
-    onKeyDown,
-    calendarValue,
-    firstDayOfCurrentMonth,
-    value,
-    isDateSelectionMode,
-    today,
-    locale,
-    minimumDate,
-    maximumDate,
-    rangeMode = false,
-    ...others
-  } = useDefaultProps("HvCalendarCell", props);
-  const { classes, cx } = useClasses(classesProp);
-  const buttonEl = useRef(null);
-  const startDate = isDateRangeProp(calendarValue) ? calendarValue.startDate : void 0;
-  const endDate = isDateRangeProp(calendarValue) ? calendarValue.endDate : void 0;
-  const isCellToday = isSameDay(value, today);
-  const isCellSelected = isSameDay(calendarValue, value);
-  const inMonth = isSameMonth(value, firstDayOfCurrentMonth);
-  const isCellAfterStartingDate = rangeMode && value && startDate ? value >= startDate : false;
-  const isCellStartingDate = rangeMode ? isSameDay(value, startDate) : false;
-  const isDateInSelectionRange = calendarValue && rangeMode ? dateInProvidedValueRange(value, calendarValue) : false;
-  const isDateDisabled = checkIfDateIsDisabled(value, minimumDate, maximumDate);
-  const startBookend = isSameDay(startDate, value);
-  const endBookend = isSameDay(endDate, value);
-  const isSelecting = isDateSelectionMode && isCellAfterStartingDate;
-  const handleClick = (event) => {
-    if (value) {
-      onChange?.(event, value);
-      if (buttonEl.current)
-        setTimeout(() => buttonEl?.current?.focus());
-    }
-  };
-  const handleKeyDown = (event) => {
-    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()
-    }
-  );
-};
-export {
-  HvCalendarCell,
-  staticClasses as calendarCellClasses,
-  HvCalendarCell as default
-};
-//# sourceMappingURL=CalendarCell.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarCell.js","sources":["../../../../src/Calendar/SingleCalendar/CalendarCell.tsx"],"sourcesContent":["import { SyntheticEvent, useRef } from \"react\";\n\nimport { HvTypography } from \"../../Typography\";\nimport { ExtractNames } from \"../../utils/classes\";\nimport { useDefaultProps } from \"../../hooks/useDefaultProps\";\n\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 = (props: HvCalendarCellProps) => {\n  const {\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  } = useDefaultProps(\"HvCalendarCell\", props);\n\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":[],"mappings":";;;;;;;AAsBa,MAAA,iBAAiB,CAAC,UAA+B;AACtD,QAAA;AAAA,IACJ,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,GAAG;AAAA,EAAA,IACD,gBAAgB,kBAAkB,KAAK;AAE3C,QAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAExC,QAAA,WAAW,OAA0B,IAAI;AAE/C,QAAM,YAAY,gBAAgB,aAAa,IAC3C,cAAc,YACd;AACJ,QAAM,UAAU,gBAAgB,aAAa,IACzC,cAAc,UACd;AACE,QAAA,cAAc,UAAU,OAAO,KAAK;AACpC,QAAA,iBAAiB,UAAU,eAAe,KAAK;AAC/C,QAAA,UAAU,YAAY,OAAO,sBAAsB;AACzD,QAAM,0BACJ,aAAa,SAAS,YAAY,SAAS,YAAY;AACzD,QAAM,qBAAqB,YAAY,UAAU,OAAO,SAAS,IAAI;AACrE,QAAM,yBACJ,iBAAiB,YACb,yBAAyB,OAAO,aAAa,IAC7C;AACN,QAAM,iBAAiB,sBAAsB,OAAO,aAAa,WAAW;AACtE,QAAA,eAAe,UAAU,WAAW,KAAK;AACzC,QAAA,aAAa,UAAU,SAAS,KAAK;AAC3C,QAAM,cAAc,uBAAuB;AAErC,QAAA,cAAc,CAAC,UAA0B;AAC7C,QAAI,OAAO;AACT,iBAAW,OAAO,KAAK;AACvB,UAAI,SAAS;AAAS,mBAAW,MAAM,UAAU,SAAS,MAAO,CAAA;AAAA,IACnE;AAAA,EAAA;AAGI,QAAA,gBAAgB,CAAC,UAAU;AAC/B,gBAAY,KAAK;AAAA,EAAA;AAGnB,QAAM,aAAa,MACjB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,MAAK;AAAA,MACL,WAAW,GAAG,QAAQ,eAAe;AAAA,QACnC,CAAC,QAAQ,cAAc,GAAG;AAAA,MAAA,CAC3B;AAAA,MACD,SAAS;AAAA,MACT,WAAW;AAAA,MACX,UAAU,kBAAkB,CAAC;AAAA,MAC7B,iBAAe;AAAA,MACd,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,cAAc,UAAU;AAAA,UACjC,WAAW,GAAG,QAAQ,cAAc;AAAA,YAClC,CAAC,QAAQ,oBAAoB,GAAG,WAAW;AAAA,YAC3C,CAAC,QAAQ,sBAAsB,GAAG,CAAC;AAAA,YACnC,CAAC,QAAQ,4BAA4B,GACnC,WAAW,aAAa;AAAA,YAC1B,CAAC,QAAQ,oBAAoB,GAAG;AAAA,YAChC,CAAC,QAAQ,YAAY,GACnB,YACE,gBAAgB,aACf,sBAAsB;AAAA,YAC3B,CAAC,QAAQ,UAAU,GAAG,WAAW,cAAc;AAAA,UAAA,CAChD;AAAA,UAEA,UAAA,SAAS,MAAM,QAAQ;AAAA,QAAA;AAAA,MAC1B;AAAA,IAAA;AAAA,EAAA;AAKF,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAG,QAAQ,aAAa;AAAA,QACjC,CAAC,QAAQ,YAAY,GAAG,WAAW,aAAa;AAAA,QAChD,CAAC,QAAQ,iBAAiB,GAAG,aAAa,CAAC;AAAA,MAAA,CAC5C;AAAA,MACD,sBAAmB;AAAA,MAElB,UAAW,WAAA;AAAA,IAAA;AAAA,EAAA;AAGlB;"}

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

@@ -1,79 +0,0 @@
-import { theme } from "@hitachivantara/uikit-styles";
-import { outlineStyles } from "../../utils/focusUtils.js";
-import { createClasses } from "../../utils/classes.js";
-const hover = {
-  backgroundColor: theme.colors.containerBackgroundHover,
-  cursor: "pointer"
-};
-const { staticClasses, useClasses } = createClasses("HvCalendarCell", {
-  cellContainer: {
-    cursor: "pointer",
-    border: 0,
-    padding: 0,
-    margin: 0,
-    backgroundColor: "transparent"
-  },
-  focusSelection: {
-    "&:hover": {
-      ...hover
-    },
-    "&:focus": {
-      outline: "none"
-    },
-    "&:focus-visible": {
-      ...hover,
-      ...outlineStyles
-    }
-  },
-  calendarDate: {
-    display: "flex",
-    justifyContent: "center",
-    flexDirection: "column",
-    textAlign: "center",
-    height: "40px",
-    width: "40px"
-  },
-  calendarDateSelected: {
-    backgroundColor: theme.colors.atmo3,
-    color: theme.colors.secondary,
-    "&:hover": {
-      ...hover
-    }
-  },
-  calendarDateNotInMonth: {
-    color: theme.colors.secondary_60,
-    cursor: "not-allowed"
-  },
-  calendarDateInSelectionRange: {
-    backgroundColor: theme.colors.atmo3
-  },
-  calendarDateDisabled: {
-    color: theme.colors.secondary_60,
-    cursor: "no-drop"
-  },
-  startBookend: {
-    borderLeft: `1px solid ${theme.colors.secondary}`
-  },
-  endBookend: {
-    borderRight: `1px solid ${theme.colors.secondary}`
-  },
-  dateWrapper: {
-    width: "40px",
-    height: "40px"
-  },
-  cellsInRange: {
-    "&:focus": {
-      outside: "none"
-    }
-  },
-  cellsOutsideRange: {
-    "&:focus": {
-      outside: "none"
-    }
-  }
-});
-export {
-  staticClasses,
-  useClasses
-};
-//# sourceMappingURL=CalendarCell.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarCell.styles.js","sources":["../../../../src/Calendar/SingleCalendar/CalendarCell.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"../../utils/focusUtils\";\n\nimport { createClasses } from \"../../utils/classes\";\n\nconst hover = {\n  backgroundColor: theme.colors.containerBackgroundHover,\n  cursor: \"pointer\",\n};\n\nexport const { staticClasses, useClasses } = createClasses(\"HvCalendarCell\", {\n  cellContainer: {\n    cursor: \"pointer\",\n    border: 0,\n    padding: 0,\n    margin: 0,\n    backgroundColor: \"transparent\",\n  },\n  focusSelection: {\n    \"&:hover\": {\n      ...hover,\n    },\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&:focus-visible\": {\n      ...hover,\n      ...outlineStyles,\n    },\n  },\n  calendarDate: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    flexDirection: \"column\",\n    textAlign: \"center\",\n    height: \"40px\",\n    width: \"40px\",\n  },\n  calendarDateSelected: {\n    backgroundColor: theme.colors.atmo3,\n    color: theme.colors.secondary,\n    \"&:hover\": {\n      ...hover,\n    },\n  },\n  calendarDateNotInMonth: {\n    color: theme.colors.secondary_60,\n    cursor: \"not-allowed\",\n  },\n  calendarDateInSelectionRange: {\n    backgroundColor: theme.colors.atmo3,\n  },\n  calendarDateDisabled: {\n    color: theme.colors.secondary_60,\n    cursor: \"no-drop\",\n  },\n  startBookend: {\n    borderLeft: `1px solid ${theme.colors.secondary}`,\n  },\n  endBookend: {\n    borderRight: `1px solid ${theme.colors.secondary}`,\n  },\n  dateWrapper: {\n    width: \"40px\",\n    height: \"40px\",\n  },\n  cellsInRange: {\n    \"&:focus\": {\n      outside: \"none\",\n    },\n  },\n  cellsOutsideRange: {\n    \"&:focus\": {\n      outside: \"none\",\n    },\n  },\n});\n"],"names":[],"mappings":";;;AAMA,MAAM,QAAQ;AAAA,EACZ,iBAAiB,MAAM,OAAO;AAAA,EAC9B,QAAQ;AACV;AAEO,MAAM,EAAE,eAAe,eAAe,cAAc,kBAAkB;AAAA,EAC3E,eAAe;AAAA,IACb,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,iBAAiB;AAAA,EACnB;AAAA,EACA,gBAAgB;AAAA,IACd,WAAW;AAAA,MACT,GAAG;AAAA,IACL;AAAA,IACA,WAAW;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACA,mBAAmB;AAAA,MACjB,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,EACF;AAAA,EACA,cAAc;AAAA,IACZ,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,sBAAsB;AAAA,IACpB,iBAAiB,MAAM,OAAO;AAAA,IAC9B,OAAO,MAAM,OAAO;AAAA,IACpB,WAAW;AAAA,MACT,GAAG;AAAA,IACL;AAAA,EACF;AAAA,EACA,wBAAwB;AAAA,IACtB,OAAO,MAAM,OAAO;AAAA,IACpB,QAAQ;AAAA,EACV;AAAA,EACA,8BAA8B;AAAA,IAC5B,iBAAiB,MAAM,OAAO;AAAA,EAChC;AAAA,EACA,sBAAsB;AAAA,IACpB,OAAO,MAAM,OAAO;AAAA,IACpB,QAAQ;AAAA,EACV;AAAA,EACA,cAAc;AAAA,IACZ,YAAY,aAAa,MAAM,OAAO,SAAS;AAAA,EACjD;AAAA,EACA,YAAY;AAAA,IACV,aAAa,aAAa,MAAM,OAAO,SAAS;AAAA,EAClD;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA,cAAc;AAAA,IACZ,WAAW;AAAA,MACT,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,mBAAmB;AAAA,IACjB,WAAW;AAAA,MACT,SAAS;AAAA,IACX;AAAA,EACF;AACF,CAAC;"}

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

@@ -1,157 +0,0 @@
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import { useState, useMemo } from "react";
-import { isKey } from "../../utils/keyboardUtils.js";
-import { setId } from "../../utils/setId.js";
-import { isDate, getWeekdayNamesList, isRange } from "../utils.js";
-import { generateCalendarModel } from "../model.js";
-import { HvCalendarCell } from "./CalendarCell.js";
-import { HvCalendarHeader } from "../CalendarHeader/CalendarHeader.js";
-import { useClasses } from "./SingleCalendar.styles.js";
-import { staticClasses } from "./SingleCalendar.styles.js";
-import { HvComposedNavigation } from "../CalendarNavigation/ComposedNavigation/ComposedNavigation.js";
-import { HvMonthSelector } from "../CalendarNavigation/MonthSelector/MonthSelector.js";
-import { HvTypography } from "../../Typography/Typography.js";
-const HvSingleCalendar = ({
-  classes: classesProp,
-  className,
-  id,
-  locale = "en-US",
-  value,
-  visibleMonth,
-  visibleYear,
-  minimumDate,
-  maximumDate,
-  onChange,
-  onInputChange,
-  onVisibleDateChange,
-  showEndDate,
-  showDayOfWeek,
-  invalidDateLabel,
-  children,
-  ...others
-}) => {
-  const { classes, cx } = useClasses(classesProp);
-  const today = /* @__PURE__ */ new Date();
-  const localValue = value ?? today;
-  const [calViewMode, setCalViewMode] = useState("calendar");
-  const rangeMode = isRange(localValue);
-  const isDateSelectionMode = rangeMode && !isDate(localValue.endDate);
-  const calModel = rangeMode ? generateCalendarModel(localValue.startDate, visibleMonth, visibleYear) : generateCalendarModel(localValue, visibleMonth, visibleYear);
-  const firstDayOfCurrentMonth = new Date(calModel.year, calModel.month - 1, 1);
-  const firstDayOfCurrentMonthTime = firstDayOfCurrentMonth.getTime();
-  const listWeekdayNames = useMemo(() => getWeekdayNamesList(locale), [locale]);
-  const handleChange = (event, date) => {
-    event?.preventDefault();
-    onChange?.(event, date);
-  };
-  const handleInputChange = (event, date) => {
-    event?.preventDefault();
-    onInputChange?.(event, date);
-  };
-  const getNavChild = (event, siblings, i) => {
-    if (isKey(event, "ArrowLeft"))
-      return siblings[i - 1];
-    if (isKey(event, "ArrowRight"))
-      return siblings[i + 1];
-    if (isKey(event, "ArrowUp"))
-      return siblings[i - 7];
-    if (isKey(event, "ArrowDown"))
-      return siblings[i + 7];
-    return void 0;
-  };
-  const handleKeyDown = (event) => {
-    const el = document?.activeElement;
-    const parent = el?.parentElement?.parentElement;
-    const siblings = parent != null ? Array.from(
-      parent.getElementsByClassName(classes.cellContainer)
-    ) : [];
-    const elIndex = el ? siblings.indexOf(el) : 0;
-    if (isKey(event, "Enter")) {
-      el.focus();
-      return;
-    }
-    const child = getNavChild(event, siblings, elIndex);
-    if (child) {
-      const inMonth = child.getAttribute("data-in-month");
-      if (inMonth === "true") {
-        event?.preventDefault();
-        child?.focus();
-      }
-    }
-  };
-  const renderWeekLabel = (dayName, index) => /* @__PURE__ */ jsx(HvTypography, { variant: "label", className: classes.calendarDay, children: dayName }, index);
-  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.toString()
-    );
-  };
-  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": HvCalendarHeader?.[0]?.id,
-          children: [
-            listWeekdayNames.map(renderWeekLabel),
-            calModel.dates.map(renderCalendarDate)
-          ]
-        }
-      )
-    ] }),
-    calViewMode === "monthly" && /* @__PURE__ */ jsx(
-      HvMonthSelector,
-      {
-        id,
-        locale,
-        onChange: onVisibleDateChange,
-        onViewModeChange: setCalViewMode,
-        visibleMonth: visibleMonth || today.getMonth() + 1,
-        rangeMode
-      }
-    )
-  ] }) });
-};
-export {
-  HvSingleCalendar,
-  staticClasses as singleCalendarClasses
-};
-//# sourceMappingURL=SingleCalendar.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SingleCalendar.js","sources":["../../../../src/Calendar/SingleCalendar/SingleCalendar.tsx"],"sourcesContent":["import { useState, useMemo } from \"react\";\n\nimport { isKey } from \"../../utils/keyboardUtils\";\nimport { setId } from \"../../utils/setId\";\n\nimport { ExtractNames } from \"../../utils/classes\";\nimport { HvTypography } from \"../../Typography\";\n\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 { 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 = value ?? today;\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(() => getWeekdayNamesList(locale), [locale]);\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  const renderWeekLabel = (dayName: string, index: number) => (\n    <HvTypography key={index} variant=\"label\" className={classes.calendarDay}>\n      {dayName}\n    </HvTypography>\n  );\n\n  /** Renders the element representing the received date. */\n  const renderCalendarDate = (currentDate: Date) => {\n    return (\n      <HvCalendarCell\n        classes={classes}\n        key={currentDate.toString()}\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              {listWeekdayNames.map(renderWeekLabel)}\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":[],"mappings":"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"}

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

@@ -1,79 +0,0 @@
-import { theme } from "@hitachivantara/uikit-styles";
-import { createClasses } from "../../utils/classes.js";
-const { staticClasses, useClasses } = createClasses("HvSingleCalendar", {
-  calendarContainer: {
-    backgroundColor: theme.colors.atmo1,
-    width: "318px",
-    minHeight: "440px",
-    position: "relative"
-  },
-  calendarWrapper: {
-    overflow: "hidden",
-    backgroundColor: theme.colors.atmo1,
-    padding: theme.spacing("sm")
-  },
-  calendarGrid: {
-    display: "flex",
-    flexFlow: "wrap",
-    width: "280px",
-    "& $cellsInRange": {
-      backgroundColor: theme.colors.atmo3,
-      "& $startBookend": {
-        borderLeft: `1px solid ${theme.colors.secondary}`,
-        backgroundColor: theme.colors.atmo3,
-        "&:hover": {
-          borderRight: `1px solid ${theme.colors.secondary}`
-        }
-      }
-    },
-    "&:hover $cellsInRange": {
-      backgroundColor: theme.colors.atmo3,
-      "& $startBookend": {
-        borderLeft: `1px solid ${theme.colors.secondary}`,
-        borderRight: "inherit"
-      }
-    },
-    "& $cellsInRange:hover": {
-      backgroundColor: theme.colors.atmo3,
-      "& $calendarDate": {
-        borderRight: `1px solid ${theme.colors.secondary}`
-      }
-    },
-    "& $cellsInRange:hover ~ $cellsInRange": {
-      backgroundColor: theme.colors.atmo1
-      // controls the right side of the hovered range
-    },
-    "& $cellsOutsideRange:hover ~ $cellsInRange": {
-      backgroundColor: theme.colors.atmo1
-      // control the right side when hovering outside of the range
-    }
-  },
-  calendarDay: {
-    display: "flex",
-    justifyContent: "center",
-    flexDirection: "column",
-    textAlign: "center",
-    height: "40px",
-    width: "40px"
-  },
-  navigationContainer: {},
-  focusSelection: {},
-  navigationMonth: {},
-  calendarDate: {},
-  calendarDateNotInMonth: {},
-  calendarDateSelected: {},
-  calendarDateInvalid: {},
-  calendarDateInSelectionRange: {},
-  startBookend: {},
-  endBookend: {},
-  cellsInRange: {
-    backgroundColor: theme.colors.atmo3
-  },
-  cellsOutsideRange: {},
-  cellContainer: {}
-});
-export {
-  staticClasses,
-  useClasses
-};
-//# sourceMappingURL=SingleCalendar.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SingleCalendar.styles.js","sources":["../../../../src/Calendar/SingleCalendar/SingleCalendar.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../../utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvSingleCalendar\", {\n  calendarContainer: {\n    backgroundColor: theme.colors.atmo1,\n    width: \"318px\",\n    minHeight: \"440px\",\n    position: \"relative\",\n  },\n  calendarWrapper: {\n    overflow: \"hidden\",\n    backgroundColor: theme.colors.atmo1,\n    padding: theme.spacing(\"sm\"),\n  },\n  calendarGrid: {\n    display: \"flex\",\n    flexFlow: \"wrap\",\n    width: \"280px\",\n    \"& $cellsInRange\": {\n      backgroundColor: theme.colors.atmo3,\n      \"& $startBookend\": {\n        borderLeft: `1px solid ${theme.colors.secondary}`,\n        backgroundColor: theme.colors.atmo3,\n        \"&:hover\": {\n          borderRight: `1px solid ${theme.colors.secondary}`,\n        },\n      },\n    },\n    \"&:hover $cellsInRange\": {\n      backgroundColor: theme.colors.atmo3,\n      \"& $startBookend\": {\n        borderLeft: `1px solid ${theme.colors.secondary}`,\n        borderRight: \"inherit\",\n      },\n    },\n    \"& $cellsInRange:hover\": {\n      backgroundColor: theme.colors.atmo3,\n      \"& $calendarDate\": {\n        borderRight: `1px solid ${theme.colors.secondary}`,\n      },\n    },\n    \"& $cellsInRange:hover ~ $cellsInRange\": {\n      backgroundColor: theme.colors.atmo1, // controls the right side of the hovered range\n    },\n    \"& $cellsOutsideRange:hover ~ $cellsInRange\": {\n      backgroundColor: theme.colors.atmo1, // control the right side when hovering outside of the range\n    },\n  },\n  calendarDay: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    flexDirection: \"column\",\n    textAlign: \"center\",\n    height: \"40px\",\n    width: \"40px\",\n  },\n  navigationContainer: {},\n  focusSelection: {},\n  navigationMonth: {},\n  calendarDate: {},\n  calendarDateNotInMonth: {},\n  calendarDateSelected: {},\n  calendarDateInvalid: {},\n  calendarDateInSelectionRange: {},\n  startBookend: {},\n  endBookend: {},\n  cellsInRange: {\n    backgroundColor: theme.colors.atmo3,\n  },\n  cellsOutsideRange: {},\n  cellContainer: {},\n});\n"],"names":[],"mappings":";;AAIO,MAAM,EAAE,eAAe,eAAe,cAAc,oBAAoB;AAAA,EAC7E,mBAAmB;AAAA,IACjB,iBAAiB,MAAM,OAAO;AAAA,IAC9B,OAAO;AAAA,IACP,WAAW;AAAA,IACX,UAAU;AAAA,EACZ;AAAA,EACA,iBAAiB;AAAA,IACf,UAAU;AAAA,IACV,iBAAiB,MAAM,OAAO;AAAA,IAC9B,SAAS,MAAM,QAAQ,IAAI;AAAA,EAC7B;AAAA,EACA,cAAc;AAAA,IACZ,SAAS;AAAA,IACT,UAAU;AAAA,IACV,OAAO;AAAA,IACP,mBAAmB;AAAA,MACjB,iBAAiB,MAAM,OAAO;AAAA,MAC9B,mBAAmB;AAAA,QACjB,YAAY,aAAa,MAAM,OAAO,SAAS;AAAA,QAC/C,iBAAiB,MAAM,OAAO;AAAA,QAC9B,WAAW;AAAA,UACT,aAAa,aAAa,MAAM,OAAO,SAAS;AAAA,QAClD;AAAA,MACF;AAAA,IACF;AAAA,IACA,yBAAyB;AAAA,MACvB,iBAAiB,MAAM,OAAO;AAAA,MAC9B,mBAAmB;AAAA,QACjB,YAAY,aAAa,MAAM,OAAO,SAAS;AAAA,QAC/C,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IACA,yBAAyB;AAAA,MACvB,iBAAiB,MAAM,OAAO;AAAA,MAC9B,mBAAmB;AAAA,QACjB,aAAa,aAAa,MAAM,OAAO,SAAS;AAAA,MAClD;AAAA,IACF;AAAA,IACA,yCAAyC;AAAA,MACvC,iBAAiB,MAAM,OAAO;AAAA;AAAA,IAChC;AAAA,IACA,8CAA8C;AAAA,MAC5C,iBAAiB,MAAM,OAAO;AAAA;AAAA,IAChC;AAAA,EACF;AAAA,EACA,aAAa;AAAA,IACX,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,qBAAqB,CAAC;AAAA,EACtB,gBAAgB,CAAC;AAAA,EACjB,iBAAiB,CAAC;AAAA,EAClB,cAAc,CAAC;AAAA,EACf,wBAAwB,CAAC;AAAA,EACzB,sBAAsB,CAAC;AAAA,EACvB,qBAAqB,CAAC;AAAA,EACtB,8BAA8B,CAAC;AAAA,EAC/B,cAAc,CAAC;AAAA,EACf,YAAY,CAAC;AAAA,EACb,cAAc;AAAA,IACZ,iBAAiB,MAAM,OAAO;AAAA,EAChC;AAAA,EACA,mBAAmB,CAAC;AAAA,EACpB,eAAe,CAAC;AAClB,CAAC;"}

package/dist/esm/Calendar/model.js

@@ -1,59 +0,0 @@
-import { createDatesArray, isRange } from "./utils.js";
-class CalendarModel {
-  constructor(month, year) {
-    this.dates = [];
-    this.updateModel = (month2, year2) => {
-      let validMonth = month2;
-      let validYear = year2;
-      if (!Number.isInteger(validMonth)) {
-        validMonth = (/* @__PURE__ */ new Date()).getMonth() + 1;
-      }
-      if (!Number.isInteger(validYear)) {
-        validYear = (/* @__PURE__ */ new Date()).getFullYear();
-      }
-      this.month = validMonth;
-      this.year = validYear;
-      this.dates = createDatesArray(validMonth, validYear);
-    };
-    this.updateModel(month, year);
-  }
-}
-const generateModelFromDate = (seedValue) => {
-  let calendarModel;
-  if (typeof seedValue === "string") {
-    const today = /* @__PURE__ */ new Date();
-    calendarModel = new CalendarModel(
-      today.getMonth() + 1,
-      today.getFullYear()
-    );
-  } else if (isRange(seedValue)) {
-    calendarModel = new CalendarModel(
-      seedValue.startDate.getMonth() + 1,
-      seedValue.startDate.getFullYear()
-    );
-  } else {
-    calendarModel = new CalendarModel(
-      seedValue.getMonth() + 1,
-      seedValue.getFullYear()
-    );
-  }
-  return calendarModel;
-};
-const generateCalendarModel = (seedValue, visibleMonth, visibleYear) => {
-  let calendarModel;
-  if (visibleMonth && visibleYear) {
-    calendarModel = new CalendarModel(visibleMonth, visibleYear);
-  } else if (visibleMonth && !visibleYear) {
-    calendarModel = new CalendarModel(visibleMonth, seedValue.getFullYear());
-  } else if (!visibleMonth && visibleYear) {
-    calendarModel = new CalendarModel(1, visibleYear);
-  } else {
-    calendarModel = generateModelFromDate(seedValue);
-  }
-  return calendarModel;
-};
-export {
-  CalendarModel as default,
-  generateCalendarModel
-};
-//# sourceMappingURL=model.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"model.js","sources":["../../../src/Calendar/model.tsx"],"sourcesContent":["import { createDatesArray, isRange } from \"./utils\";\n\n/**\n * Calendar builder for a specific month and year.\n * Returns an array of date objects.\n */\nexport default class CalendarModel {\n  month: any;\n\n  year: any;\n\n  dates: Date[] = [];\n\n  constructor(month?: number, year?: number) {\n    this.updateModel(month!, year!);\n  }\n\n  /**\n   * Updates the model with the received month and year\n   *\n   * @param month - Number of the month (1 to 12).\n   * @param year - Number of the year.\n   * @memberOf CalendarModel\n   */\n  updateModel = (month: number, year: number) => {\n    let validMonth = month;\n    let validYear = year;\n    if (!Number.isInteger(validMonth)) {\n      validMonth = new Date().getMonth() + 1;\n    }\n    if (!Number.isInteger(validYear)) {\n      validYear = new Date().getFullYear();\n    }\n\n    this.month = validMonth;\n    this.year = validYear;\n    this.dates = createDatesArray(validMonth, validYear);\n  };\n}\n\nconst generateModelFromDate = (seedValue) => {\n  let calendarModel;\n\n  if (typeof seedValue === \"string\") {\n    const today = new Date();\n    calendarModel = new CalendarModel(\n      today.getMonth() + 1,\n      today.getFullYear()\n    );\n  } else if (isRange(seedValue)) {\n    calendarModel = new CalendarModel(\n      seedValue.startDate.getMonth() + 1,\n      seedValue.startDate.getFullYear()\n    );\n  } else {\n    calendarModel = new CalendarModel(\n      seedValue.getMonth() + 1,\n      seedValue.getFullYear()\n    );\n  }\n\n  return calendarModel;\n};\n\nexport const generateCalendarModel = (\n  seedValue: any,\n  visibleMonth?: number,\n  visibleYear?: number\n) => {\n  let calendarModel;\n\n  if (visibleMonth && visibleYear) {\n    calendarModel = new CalendarModel(visibleMonth, visibleYear);\n  } else if (visibleMonth && !visibleYear) {\n    calendarModel = new CalendarModel(visibleMonth, seedValue.getFullYear());\n  } else if (!visibleMonth && visibleYear) {\n    calendarModel = new CalendarModel(1, visibleYear);\n  } else {\n    calendarModel = generateModelFromDate(seedValue);\n  }\n\n  return calendarModel;\n};\n"],"names":["month","year"],"mappings":";AAMA,MAAqB,cAAc;AAAA,EAOjC,YAAY,OAAgB,MAAe;AAF3C,SAAA,QAAgB;AAaF,SAAA,cAAA,CAACA,QAAeC,UAAiB;AAC7C,UAAI,aAAaD;AACjB,UAAI,YAAYC;AAChB,UAAI,CAAC,OAAO,UAAU,UAAU,GAAG;AACjC,sBAAiB,oBAAA,KAAO,GAAA,SAAA,IAAa;AAAA,MACvC;AACA,UAAI,CAAC,OAAO,UAAU,SAAS,GAAG;AACpB,qBAAA,oBAAI,KAAK,GAAE,YAAY;AAAA,MACrC;AAEA,WAAK,QAAQ;AACb,WAAK,OAAO;AACP,WAAA,QAAQ,iBAAiB,YAAY,SAAS;AAAA,IAAA;AAtB9C,SAAA,YAAY,OAAQ,IAAK;AAAA,EAChC;AAuBF;AAEA,MAAM,wBAAwB,CAAC,cAAc;AACvC,MAAA;AAEA,MAAA,OAAO,cAAc,UAAU;AAC3B,UAAA,4BAAY;AAClB,oBAAgB,IAAI;AAAA,MAClB,MAAM,aAAa;AAAA,MACnB,MAAM,YAAY;AAAA,IAAA;AAAA,EACpB,WACS,QAAQ,SAAS,GAAG;AAC7B,oBAAgB,IAAI;AAAA,MAClB,UAAU,UAAU,SAAA,IAAa;AAAA,MACjC,UAAU,UAAU,YAAY;AAAA,IAAA;AAAA,EAClC,OACK;AACL,oBAAgB,IAAI;AAAA,MAClB,UAAU,aAAa;AAAA,MACvB,UAAU,YAAY;AAAA,IAAA;AAAA,EAE1B;AAEO,SAAA;AACT;AAEO,MAAM,wBAAwB,CACnC,WACA,cACA,gBACG;AACC,MAAA;AAEJ,MAAI,gBAAgB,aAAa;AACf,oBAAA,IAAI,cAAc,cAAc,WAAW;AAAA,EAAA,WAClD,gBAAgB,CAAC,aAAa;AACvC,oBAAgB,IAAI,cAAc,cAAc,UAAU,YAAa,CAAA;AAAA,EAAA,WAC9D,CAAC,gBAAgB,aAAa;AACvB,oBAAA,IAAI,cAAc,GAAG,WAAW;AAAA,EAAA,OAC3C;AACL,oBAAgB,sBAAsB,SAAS;AAAA,EACjD;AAEO,SAAA;AACT;"}