@capillarytech/blaze-ui 6.0.4 → 6.1.0

package/CapEventCalendar/index.js

@@ -1,49 +1,49 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import classNames from "classnames";
+import PropTypes from "prop-types";
 import { useState, useEffect } from "react";
-import { injectIntl } from "react-intl";
 import "../utils/dayjs.js";
 import EmptyStateIllustrationForPromos from "../assets/images/EmptyStateIllustrationForPromos.png.js";
 import CapIcon from "../CapIcon/index.js";
 import CapIllustration from "../CapIllustration/index.js";
-import CapLabelWithStatic from "../CapLabel/index.js";
 import CapRow from "../CapRow/index.js";
 import { FONT_SIZE_S, FONT_FAMILY } from "../styles/_variables.js";
 import CalendarCanvas from "./CalendarCanvas/index.js";
 import DayDropdown from "./components/DayDropdown/index.js";
 import MonthHeader from "./components/MonthHeader/index.js";
-import { QUARTERS, QUARTER_LABELS, DAY_LABELS, MONTH_LABELS } from "./constants.js";
-import messages from "./messages.js";
-import styles from "./styles.module.scss.js";
+import { QUARTERS, MONTH_LABELS, DAY_LABELS, QUARTER_LABELS } from "./constants.js";
+import './styles.css';/* empty css            */
 import { splitMonthsArrayToQuarterChunks, getMonthsForQuarter, formatDataToSuitCanvas, handleYearChange } from "./utils.js";
 import dayjs from "dayjs";
 const DefaultPopover = ({ title }) => /* @__PURE__ */ jsx("div", { children: title });
+DefaultPopover.propTypes = {
+  title: PropTypes.string
+};
 const CapEventCalendar = ({
-  intl: { formatMessage },
   calendarDate = dayjs().format(),
-  events = [],
-  popoverContent = DefaultPopover,
+  events,
+  popoverContent,
   onQuarterChange,
   selectedQuarter,
   calendarGridLineLabel,
-  dayLabels = DAY_LABELS,
-  allQuartersLabel = QUARTER_LABELS,
-  monthLabels = MONTH_LABELS,
+  dayLabels,
+  allQuartersLabel,
+  monthLabels,
   todayTooltipProps,
-  dashLineOffsetY = 20,
-  eventHeight = 24,
-  eventRowGap = 12,
-  textPadding = 12,
-  eventStartYOffset = 40,
-  minCanvasHeight = 0,
-  canvasFont = `normal ${FONT_SIZE_S} ${FONT_FAMILY}`,
-  popoverPlacement = "leftTop",
+  dashLineOffsetY,
+  eventHeight,
+  eventRowGap,
+  textPadding,
+  eventStartYOffset,
+  minCanvasHeight,
+  canvasFont,
+  popoverPlacement,
   emptyState,
   emptyStateTitle,
   emptyStateDescription,
   emptyStateButtonLabel,
   onEmptyStateButtonClick,
-  isButtonDisabled = false
+  isButtonDisabled
 }) => {
   const [carouselDate, setCarouselDate] = useState(calendarDate);
   const [quarter, setQuarter] = useState(
@@ -54,27 +54,25 @@ const CapEventCalendar = ({
   const [error, showError] = useState(false);
   const [dayGrid, setDayGrid] = useState(1);
   const [quarterMonths] = useState(splitMonthsArrayToQuarterChunks(monthLabels));
-  const resolvedCalendarGridLineLabel = calendarGridLineLabel || formatMessage(messages.calendarGridLineLabel);
-  const resolvedEmptyStateTitle = emptyStateTitle || formatMessage(messages.emptyStateTitle);
-  const resolvedEmptyStateDescription = emptyStateDescription || formatMessage(messages.emptyStateDescription);
-  const resolvedEmptyStateButtonLabel = emptyStateButtonLabel || formatMessage(messages.emptyStateButtonLabel);
-  const resolvedTodayTooltipProps = todayTooltipProps || {
-    title: formatMessage(messages.todayLabel)
-  };
   useEffect(() => {
     const _quarter = selectedQuarter ? QUARTERS[selectedQuarter] : quarter;
     setDisplayMonths(
       getMonthsForQuarter(_quarter, quarterMonths)
       //show months of the quarter
     );
-    setFormattedEvents(formatDataToSuitCanvas(events));
+    setFormattedEvents(
+      formatDataToSuitCanvas(
+        events,
+        selectedQuarter ? QUARTERS[selectedQuarter] : quarter || dayjs().quarter()
+      )
+    );
   }, [events]);
   const handleCarouselClick = (currentQuarter, date, increment, referenceDate) => {
     if (increment) showError(false);
     const values = handleYearChange(currentQuarter, date, increment, referenceDate);
     if (values) {
       setCarouselDate(values[1]);
-      onQuarterChange == null ? void 0 : onQuarterChange(values[0], dayjs(values[1]));
+      onQuarterChange(values[0], dayjs(values[1]));
       if (values[2]) showError(true);
       return values[0];
     }
@@ -96,30 +94,26 @@ const CapEventCalendar = ({
   const onClickQuarterRight = () => handleQuarterSelection(false);
   const getIllustrationProps = (hasAccess) => ({
     illustrationImage: EmptyStateIllustrationForPromos,
-    title: resolvedEmptyStateTitle,
+    title: emptyStateTitle,
     hasAccess,
-    description: resolvedEmptyStateDescription,
+    description: emptyStateDescription,
     descriptionPosition: "bottom",
-    buttonLabel: resolvedEmptyStateButtonLabel,
+    buttonLabel: emptyStateButtonLabel,
     //prevents the required warning in the console
-    onClick: onEmptyStateButtonClick ?? (() => {
-    }),
+    onClick: onEmptyStateButtonClick,
     //prevents the required warning in the console
     disabled: isButtonDisabled
   });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: styles["event-calendar__header"], children: [
-      /* @__PURE__ */ jsxs("div", { className: styles["event-calendar__header__left"], children: [
+    /* @__PURE__ */ jsxs("div", { className: "event-calendar__header", children: [
+      /* @__PURE__ */ jsxs("div", { className: "event-calendar__header__left", children: [
         /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx(
             CapIcon,
             {
               type: "chevron-left",
               style: { cursor: "pointer" },
-              className: classNames({
-                [styles["disable-left"]]: error,
-                [styles["carousel-icon"]]: true
-              }),
+              className: classNames({ "disable-left": error, "carousel-icon": true }),
               onClick: onClickQuarterLeft,
               "data-testid": "event-calander-left-chevron"
             }
@@ -128,38 +122,30 @@ const CapEventCalendar = ({
             CapIcon,
             {
               type: "chevron-right",
-              className: styles["carousel-icon"],
+              className: "carousel-icon",
               onClick: onClickQuarterRight,
               "data-testid": "event-calander-right-chevron"
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs(CapRow, { className: styles["quarter-label"], align: "middle", justify: "center", children: [
-          /* @__PURE__ */ jsx(CapLabelWithStatic, { className: styles["quarter-label__text"], type: "label17", children: allQuartersLabel[quarter - 1] }),
-          /* @__PURE__ */ jsx(CapLabelWithStatic, { className: styles["quarter-label__text"], type: "label17", children: dayjs(carouselDate).year() })
+        /* @__PURE__ */ jsxs("div", { className: "quarter-label", children: [
+          /* @__PURE__ */ jsx("span", { children: allQuartersLabel[quarter - 1] }),
+          dayjs(carouselDate).year()
         ] })
       ] }),
-      /* @__PURE__ */ jsxs(
-        CapRow,
-        {
-          className: styles["event-calendar__header__right"],
-          justify: "space-between",
-          align: "middle",
-          children: [
-            /* @__PURE__ */ jsx(CapLabelWithStatic, { type: "label15", children: resolvedCalendarGridLineLabel }),
-            /* @__PURE__ */ jsx(DayDropdown, { fetchDay: handleDayGridSelection, day: dayGrid, dayLabels })
-          ]
-        }
-      )
+      /* @__PURE__ */ jsxs("div", { className: "event-calendar__header__right", children: [
+        calendarGridLineLabel,
+        /* @__PURE__ */ jsx(DayDropdown, { fetchDay: handleDayGridSelection, day: dayGrid, dayLabels })
+      ] })
     ] }),
-    emptyState && !formattedEvents.length && /* @__PURE__ */ jsx(CapRow, { align: "middle", justify: "center", children: /* @__PURE__ */ jsx(CapIllustration, { ...getIllustrationProps(true) }) }),
+    emptyState && !formattedEvents.length && /* @__PURE__ */ jsx(CapRow, { children: /* @__PURE__ */ jsx(CapIllustration, { ...getIllustrationProps(true) }) }),
     formattedEvents.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(MonthHeader, { displayMonths }),
       /* @__PURE__ */ jsx(
         CalendarCanvas,
         {
           ...{
-            todayTooltipProps: resolvedTodayTooltipProps,
+            todayTooltipProps,
             formattedEvents,
             dayGrid,
             displayMonths,
@@ -179,7 +165,46 @@ const CapEventCalendar = ({
     ] })
   ] });
 };
-const index = injectIntl(CapEventCalendar);
+CapEventCalendar.propTypes = {
+  calendarDate: PropTypes.string,
+  events: PropTypes.array,
+  popoverContent: PropTypes.any,
+  onQuarterChange: PropTypes.func,
+  selectedQuarter: PropTypes.string,
+  calendarGridLineLabel: PropTypes.string,
+  dayLabels: PropTypes.array,
+  allQuartersLabel: PropTypes.array,
+  monthLabels: PropTypes.array,
+  todayTooltipProps: PropTypes.object,
+  dashLineOffsetY: PropTypes.number,
+  eventHeight: PropTypes.number,
+  eventRowGap: PropTypes.number,
+  textPadding: PropTypes.number,
+  eventStartYOffset: PropTypes.number,
+  minCanvasHeight: PropTypes.number,
+  canvasFont: PropTypes.string,
+  popoverPlacement: PropTypes.string
+};
+CapEventCalendar.defaultProps = {
+  popoverContent: DefaultPopover,
+  dashLineOffsetY: 20,
+  eventHeight: 24,
+  eventRowGap: 12,
+  textPadding: 12,
+  eventStartYOffset: 40,
+  minCanvasHeight: 0,
+  todayTooltipProps: { title: "Today" },
+  allQuartersLabel: QUARTER_LABELS,
+  dayLabels: DAY_LABELS,
+  monthLabels: MONTH_LABELS,
+  canvasFont: `normal ${FONT_SIZE_S} ${FONT_FAMILY}`,
+  calendarGridLineLabel: "Calendar Grid Line",
+  popoverPlacement: "leftTop",
+  emptyStateTitle: "You have no events for this quarter",
+  emptyStateDescription: "Please create an event to view it here",
+  emptyStateButtonLabel: "Create Event",
+  isButtonDisabled: false
+};
 export {
-  index as default
+  CapEventCalendar as default
 };

package/CapEventCalendar/styles.css

@@ -7,7 +7,7 @@
 /* Transition */
 /* Timezones Footer */
 .event-calendar {
-  height: 50rem;
+  height: 700px;
 }
 .event-calendar__header {
   display: flex;
@@ -19,22 +19,94 @@
   padding-top: 0.571rem;
 }
 .event-calendar__header__left .quarter-label {
-  width: fit-content;
+  width: 152px;
   height: 1.428rem;
-  margin: 0.142rem 0 0.142rem 0.571rem;
-  gap: 0.857rem;
-}
-.event-calendar__header__left .quarter-label__text {
+  margin: 2px 0 2px 0.571rem;
   font-size: 1.143rem;
+  font-weight: 500;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: 1.25;
+  letter-spacing: normal;
+  color: #091e42;
+}
+.event-calendar__header__left .quarter-label span {
+  margin-right: 10px;
 }
 .event-calendar__header__left .disable-left {
-  color: #97a0af !important;
+  color: grey;
   cursor: not-allowed;
   pointer-events: none;
 }
 .event-calendar__header__left .carousel-icon {
   cursor: pointer;
 }
-.event-calendar__header__right {
-  gap: 0.857rem;
+.event-calendar__header__right .grid-label {
+  width: 111px;
+  height: 1.428rem;
+  margin: 9px 0.571rem 11px 0;
+  font-size: 1rem;
+  font-weight: 500;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: 1.43;
+  letter-spacing: normal;
+  color: #091e42;
+}
+.event-calendar__header .ant-btn-flat {
+  width: 140px !important;
+  height: 2.857rem !important;
+  margin: 0 0 0 0.571rem !important;
+  padding: 0.571rem !important;
+  border-radius: 0.285rem !important;
+  border: solid 1px #b3bac5 !important;
+  color: #091e42;
+  font-weight: normal;
+}
+.event-calendar__header .ant-btn-flat .cap-button-v2-suffix {
+  position: absolute;
+  right: 0.571rem;
+}
+.event-calendar__header .flat-btn:hover {
+  background-color: #ffffff !important;
+}
+.event-calendar__month-header {
+  display: flex;
+  justify-content: center;
+  position: relative;
+  text-align: center;
+  top: 0;
+  margin-bottom: 10px;
+  margin-top: 25px;
+}
+.event-calendar__month-header__label {
+  width: 33.33%;
+  height: 1.428rem;
+  text-align: center;
+  color: #091e42;
+  font-size: 1rem;
+  font-weight: 500;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: 1.43;
+  letter-spacing: normal;
+}
+.ant-dropdown-placement-bottomCenter .ant-dropdown-menu-item {
+  height: 2.857rem !important;
+  padding: 9px 0.571rem 11px 1.142rem !important;
+  background-color: #ffffff !important;
+  color: #091e42 !important;
+  font-size: 1rem;
+}
+.ant-dropdown-placement-bottomCenter .ant-dropdown-menu-item:hover {
+  background-color: #fefcf0 !important;
+}
+.ant-dropdown-placement-bottomCenter .ant-dropdown-menu-item-selected {
+  background-color: #e9f0fe !important;
+  border-left: 1px solid #2466ea !important;
+  color: #091e42 !important;
+}
+.ant-dropdown-placement-bottomCenter .ant-dropdown-menu-vertical {
+  width: 140px !important;
+  margin-left: 35px !important;
 }

package/CapEventCalendar/styles.scss

@@ -1,41 +1,114 @@
-@import '../styles/_variables.scss';
 
-.event-calendar {
-  height: 50rem;
+@import "../styles/_variables.scss";
 
-  &__header {
-    display: flex;
-    position: relative;
-    justify-content: space-between;
-
-    &__left {
-      display: flex;
-      padding-top: $CAP_SPACE_08;
-
-      .quarter-label {
-        width: fit-content;
-        height: $CAP_SPACE_20;
-        margin: 0.142rem 0 0.142rem $CAP_SPACE_08;
-        gap: $CAP_SPACE_12;
-
-        &__text {
-          font-size: $FONT_SIZE_L;
+.event-calendar{
+    height: 700px;
+    &__header{
+        display: flex;
+        position: relative;
+        justify-content: space-between;
+        &__left{
+            display: flex;
+            padding-top:  $CAP_SPACE_08;
+            .quarter-label{
+                width: 152px;
+                height: $CAP_SPACE_20;
+                margin: 2px 0 2px $CAP_SPACE_08;
+                font-size: $FONT_SIZE_L;
+                font-weight: $FONT_WEIGHT_MEDIUM;
+                font-stretch: normal;
+                font-style: normal;
+                line-height: 1.25;
+                letter-spacing: normal;
+                color: $FONT_COLOR_01;
+                span{
+                    margin-right: 10px;
+                }
+            }
+            .disable-left{
+                color:grey;
+                cursor: not-allowed;
+                pointer-events: none;
+            }
+            .carousel-icon{
+                cursor: pointer;
+            }
+        }
+        &__right{
+            .grid-label{
+                width: 111px;
+                height: $CAP_SPACE_20;
+                margin: 9px $CAP_SPACE_08 11px 0;
+                font-size: $FONT_SIZE_M;
+                font-weight: $FONT_WEIGHT_MEDIUM;
+                font-stretch: normal;
+                font-style: normal;
+                line-height: 1.43;
+                letter-spacing: normal;
+                color: $FONT_COLOR_01;
+            }
+        }
+        .ant-btn-flat{
+            width: 140px !important;
+            height: $CAP_SPACE_40 !important;
+            margin: 0 0 0 $CAP_SPACE_08 !important;
+            padding: $CAP_SPACE_08 !important;
+            border-radius: $CAP_SPACE_04 !important;
+            border: solid 1px $CAP_G06 !important;
+            color: $FONT_COLOR_01;
+            font-weight: normal;
+            .cap-button-v2-suffix{
+                position: absolute;
+                right: $CAP_SPACE_08;
+            }
+        } 
+        .flat-btn:hover{
+            background-color:  $CAP_WHITE!important;
+        }      
+    }
+    &__month-header{
+        display: flex;
+        justify-content: center;
+        position: relative;
+        text-align: center;
+        top: 0;
+        margin-bottom: 10px;
+        margin-top: 25px;
+        &__label{
+            width: 33.33%;
+            height: $CAP_SPACE_20;
+            text-align: center;
+            color: $FONT_COLOR_01;
+            font-size:$FONT_SIZE_M ;
+            font-weight: $FONT_WEIGHT_MEDIUM;
+            font-stretch: normal;
+            font-style: normal;
+            line-height: 1.43;
+            letter-spacing: normal;
         }
-      }
-
-      .disable-left {
-        color: $FONT_COLOR_03 !important;
-        cursor: not-allowed;
-        pointer-events: none;
-      }
-
-      .carousel-icon {
-        cursor: pointer;
-      }
     }
+}
 
-    &__right {
-      gap: $CAP_SPACE_12;
+.ant-dropdown-placement-bottomCenter{
+    .ant-dropdown-menu-item{
+        height: $CAP_SPACE_40 !important;
+        padding: 9px $CAP_SPACE_08 11px $CAP_SPACE_16 !important;
+        background-color: $CAP_WHITE !important;
+        color: $FONT_COLOR_01 !important;
+        font-size: $FONT_SIZE_M;
+    }
+    .ant-dropdown-menu-item:hover{
+        background-color: $BG_02 !important;
+    }
+    .ant-dropdown-menu-item-selected{
+        background-color: $CAP_PALE_GREY !important;
+        border-left: 1px solid $FONT_COLOR_05 !important;
+        color: $FONT_COLOR_01 !important;
+    }
+    .ant-dropdown-menu-vertical{
+        width: 140px !important; 
+        margin-left: 35px !important;
     }
-  }
 }
+
+

package/CapEventCalendar/utils.d.ts

@@ -1,7 +1,5 @@
-import type { Dayjs } from 'dayjs';
-import type { CapEventCalendarEvent, FormattedEvent, MonthDisplayItem } from './types';
-export declare const getQuarterForDate: (date: string | Dayjs) => number;
-export declare const splitMonthsArrayToQuarterChunks: (monthLabels?: string[]) => string[][];
+export declare const getQuarterForDate: (date: any) => number;
+export declare const splitMonthsArrayToQuarterChunks: (monthLabels?: string[]) => any[];
 /**
  * The start and end of the months is calculated along with other information needed for month
  * This is being used for drawing the canvas via the displayMonths state value in CapEventCalendar
@@ -9,13 +7,13 @@ export declare const splitMonthsArrayToQuarterChunks: (monthLabels?: string[]) =
  * @param {*} monthNames  this is for localization of month strings when displaying the month names in the header
  * @returns
  */
-export declare const getMonthsForQuarter: (quarter: number, monthNames: string[][]) => MonthDisplayItem[];
+export declare const getMonthsForQuarter: (quarter: any, monthNames: any) => any[];
 /**
  * To display the dates in the header and caculate the rectangles to be drawn in the canvas
  * @param {*} date
  * @returns
  */
-export declare const getDaysOfMonth: (date: string | Dayjs) => string[];
+export declare const getDaysOfMonth: (date: any) => string[];
 /**
  * Checks if the date lies between start and end or
  * if it is same as start date or end date
@@ -26,7 +24,7 @@ export declare const getDaysOfMonth: (date: string | Dayjs) => string[];
  * @param {*} end
  * @returns
  */
-export declare const checkIfDateIsInRange: (date: string | Dayjs, start: string | Dayjs, end: string | Dayjs) => boolean;
+export declare const checkIfDateIsInRange: (date: any, start: any, end: any) => boolean;
 /**
  * This is to check if the given event spans a longer duration( quarter long or spans multiple quarter)
  * So as to create a new array for such events
@@ -34,7 +32,7 @@ export declare const checkIfDateIsInRange: (date: string | Dayjs, start: string
  * @param {*} newEvent
  * @returns
  */
-export declare const isEventLong: (eventInRow: CapEventCalendarEvent | FormattedEvent, newEvent: CapEventCalendarEvent | FormattedEvent) => boolean;
+export declare const isEventLong: (eventInRow: any, newEvent: any) => boolean;
 /**
  * In order to decide if events are to be displayed in new row, we follow rules
  * 1- event start and end dates should not be in-between/same of any existing event in the row
@@ -43,8 +41,8 @@ export declare const isEventLong: (eventInRow: CapEventCalendarEvent | Formatted
  * @param {Number} chosenQuarter
  * @returns
  */
-export declare const formatDataToSuitCanvas: (events: CapEventCalendarEvent[]) => FormattedEvent[][];
-export declare const getFirstDateOfQuarter: (quarter: number, year: number) => string;
+export declare const formatDataToSuitCanvas: (events: any) => any[];
+export declare const getFirstDateOfQuarter: (quarter: any, year: any) => string;
 /**
  * Check if the year needs to be incremented/decremented based on the following rules
  * For decrement:
@@ -61,5 +59,5 @@ export declare const getFirstDateOfQuarter: (quarter: number, year: number) => s
  * @param {String} referenceDate
  * @returns
  */
-export declare const handleYearChange: (quarter: number, date: string, increment: boolean, referenceDate?: string) => [number, string, boolean?] | false;
+export declare const handleYearChange: (quarter: any, date: any, increment: any, referenceDate: any) => false | any[];
 //# sourceMappingURL=utils.d.ts.map

package/CapEventCalendar/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../components/CapEventCalendar/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAMnC,OAAO,KAAK,EAAE,qBAAqB,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEvF,eAAO,MAAM,iBAAiB,GAAI,MAAM,MAAM,GAAG,KAAK,KAAG,MAA+B,CAAC;AAEzF,eAAO,MAAM,+BAA+B,GAC1C,cAAa,MAAM,EAAiB,KACnC,MAAM,EAAE,EAQV,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,GAC9B,SAAS,MAAM,EACf,YAAY,MAAM,EAAE,EAAE,KACrB,gBAAgB,EAwClB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,MAAM,MAAM,GAAG,KAAK,KAAG,MAAM,EAgB3D,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,oBAAoB,GAC/B,MAAM,MAAM,GAAG,KAAK,EACpB,OAAO,MAAM,GAAG,KAAK,EACrB,KAAK,MAAM,GAAG,KAAK,KAClB,OAUF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GACtB,YAAY,qBAAqB,GAAG,cAAc,EAClD,UAAU,qBAAqB,GAAG,cAAc,KAC/C,OAQF,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,GAAI,QAAQ,qBAAqB,EAAE,KAAG,cAAc,EAAE,EA+CxF,CAAC;AASF,eAAO,MAAM,qBAAqB,GAAI,SAAS,MAAM,EAAE,MAAM,MAAM,KAAG,MAKzD,CAAC;AAEd;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,gBAAgB,GAC3B,SAAS,MAAM,EACf,MAAM,MAAM,EACZ,WAAW,OAAO,EAClB,gBAAgB,MAAM,KACrB,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,GAAG,KA6B/B,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../components/CapEventCalendar/utils.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,iBAAiB,GAAI,SAAI,WAA0B,CAAC;AAEjE,eAAO,MAAM,+BAA+B,GAAI,sBAA0B,UAQzE,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,GAAI,YAAO,EAAE,eAAU,UAwCtD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,SAAI,aAalC,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,oBAAoB,GAAI,SAAI,EAAE,UAAK,EAAE,QAAG,YAUpD,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,eAAU,EAAE,aAAQ,YAQ/C,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,GAAI,WAAM,UA+C5C,CAAC;AASF,eAAO,MAAM,qBAAqB,GAAI,YAAO,EAAE,SAAI,WACwC,CAAC;AAE5F;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,gBAAgB,GAAI,YAAO,EAAE,SAAI,EAAE,cAAS,EAAE,kBAAa,kBA2BvE,CAAC"}

package/CapEventCalendar/utils.js

@@ -1,5 +1,5 @@
 import { forEach, some } from "lodash";
-import { TIME_UNITS, momentToDayjs, FORMAT_TOKENS } from "../utils/dayjs.js";
+import { momentToDayjs, TIME_UNITS } from "../utils/dayjs.js";
 import { MONTH_LABELS, DATE_STRING_FORMAT } from "./constants.js";
 import dayjs from "dayjs";
 const getQuarterForDate = (date) => dayjs(date).quarter();
@@ -50,16 +50,13 @@ const getMonthsForQuarter = (quarter, monthNames) => {
 const getDaysOfMonth = (date) => {
   const month = dayjs(date).month();
   const year = dayjs(date).year();
-  const monthDate = dayjs(
-    `${year}-${String(month + 1).padStart(2, "0")}`,
-    FORMAT_TOKENS.YEAR_MONTH
-  );
+  const monthDate = dayjs(`${year}-${month + 1}`, "YYYY-MM");
   const daysInMonth = monthDate.daysInMonth();
   const arrDays = [monthDate.format()];
   let current = monthDate.format();
   for (let i = 1; i < daysInMonth; ) {
-    current = dayjs(current).add(1, TIME_UNITS.DAY).format();
-    arrDays.push(current);
+    current = dayjs(current).add(1, TIME_UNITS.DAY);
+    arrDays.push(current.format());
     i++;
   }
   return arrDays;
@@ -130,8 +127,8 @@ const startMonthOfQuarter = {
 const getFirstDateOfQuarter = (quarter, year) => dayjs().year(year).month(startMonthOfQuarter[quarter]).startOf(TIME_UNITS.MONTH).format();
 const handleYearChange = (quarter, date, increment, referenceDate) => {
   const year = dayjs(date).year();
-  const refYear = referenceDate ? dayjs(referenceDate).year() : void 0;
-  if (referenceDate && refYear !== void 0) {
+  const refYear = referenceDate && dayjs(referenceDate).year();
+  if (referenceDate) {
     if (year === refYear - 1 && quarter === 1) return false;
     if (quarter === 1 && !increment) {
       const updatedDate2 = dayjs().year(year - 1).month(11);
@@ -147,7 +144,7 @@ const handleYearChange = (quarter, date, increment, referenceDate) => {
   return [
     _quarter,
     updatedDate.startOf(TIME_UNITS.MONTH).format(),
-    quarter === 2 && refYear !== void 0 && year === refYear - 1
+    quarter === 2 && year === refYear - 1
   ];
 };
 export {

package/CapSelectFilter/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapSelectFilter/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAM7E,eAAO,MAAM,cAAc,GAAI,OAAO,uBAAuB,EAAE,EAAE,gBAAgB,MAAM;;;;;GAStF,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,MAAM,KAAK,CAAC,SAAS,EACrB,oBAAoB,MAAM,EAC1B,gBAAgB,MAAM,4CAcvB,CAAC;AAEF,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA0DnD,CAAC;AAEF,eAAe,eAAe,CAAC;AAC/B,YAAY,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapSelectFilter/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAM7E,eAAO,MAAM,cAAc,GAAI,OAAO,uBAAuB,EAAE,EAAE,gBAAgB,MAAM;;;;;GAStF,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,MAAM,KAAK,CAAC,SAAS,EACrB,oBAAoB,MAAM,EAC1B,gBAAgB,MAAM,4CAcvB,CAAC;AAEF,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAyDnD,CAAC;AAEF,eAAe,eAAe,CAAC;AAC/B,YAAY,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC"}