cr-ui-lib 1.1.102 → 1.1.105

package/dist/index.d.mts

@@ -65,8 +65,9 @@ interface SimpleCardProps {
     handleRefresh?: () => void;
     isCustomTitle?: boolean;
     customTitle?: React$1.ReactNode;
+    isAvailable?: boolean;
 }
-declare const SimpleCard: ({ title, value, image, unit, tooltip_text, subText, footerText, hasfooterDesign, footerDesign, hasDaysOption, hasTillDateDayOption, onDayChange, className, handleRefresh, isLoading, isError, isCustomTitle, customTitle, }: SimpleCardProps) => JSX.Element;
+declare const SimpleCard: ({ title, value, image, unit, tooltip_text, subText, footerText, hasfooterDesign, footerDesign, hasDaysOption, hasTillDateDayOption, onDayChange, className, handleRefresh, isLoading, isError, isCustomTitle, customTitle, isAvailable, }: SimpleCardProps) => JSX.Element;
 
 interface Props {
     title: string;

package/dist/index.d.ts

@@ -65,8 +65,9 @@ interface SimpleCardProps {
     handleRefresh?: () => void;
     isCustomTitle?: boolean;
     customTitle?: React$1.ReactNode;
+    isAvailable?: boolean;
 }
-declare const SimpleCard: ({ title, value, image, unit, tooltip_text, subText, footerText, hasfooterDesign, footerDesign, hasDaysOption, hasTillDateDayOption, onDayChange, className, handleRefresh, isLoading, isError, isCustomTitle, customTitle, }: SimpleCardProps) => JSX.Element;
+declare const SimpleCard: ({ title, value, image, unit, tooltip_text, subText, footerText, hasfooterDesign, footerDesign, hasDaysOption, hasTillDateDayOption, onDayChange, className, handleRefresh, isLoading, isError, isCustomTitle, customTitle, isAvailable, }: SimpleCardProps) => JSX.Element;
 
 interface Props {
     title: string;

package/dist/index.js

@@ -747,7 +747,8 @@ var SimpleCard = ({
   isLoading,
   isError,
   isCustomTitle = false,
-  customTitle
+  customTitle,
+  isAvailable = true
 }) => {
   const [selectedDay, setSelectedDay] = React__default.default.useState("90");
   const handleDayClick = (label) => {
@@ -837,18 +838,18 @@ var SimpleCard = ({
                 ]
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex-grow items-center`, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex-grow items-center`, children: isAvailable ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[24px] font-semibold text-gray-900 antialiased tracking-normal", children: [
                 subText == "$" ? "$" : "",
                 value.trim(),
                 subText == "$" ? "" : subText
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-500 ml-2", children: unit })
-            ] })
+            ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[24px] font-semibold text-gray-900 antialiased tracking-normal opacity-50", children: "0" }) })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-4", children: image })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        isAvailable && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
           hasfooterDesign && footerDesign,
           !hasDaysOption && /* @__PURE__ */ jsxRuntime.jsx(
             "span",
@@ -862,6 +863,10 @@ var SimpleCard = ({
             }
           )
         ] }),
+        !isAvailable && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-1 h-[22px] w-[107px] rounded-[40px] border border-[#D9E0FA] bg-[#F5F7FE]", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-[5px] h-[5px] rounded-full bg-[#4062E5]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[12px] text-[#4062E5] font-semibold antialiased text-center leading-[1px]", children: "Coming Soon" })
+        ] }),
         hasDaysOption && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-[4px] text-[12px] font-normal text-center items-center antialiased tracking-normal", children: options.map((label, index, array) => /* @__PURE__ */ jsxRuntime.jsxs(React__default.default.Fragment, { children: [
           renderDayOption(label),
           index < array.length - 1 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[#757575]", children: "|" })
@@ -2019,7 +2024,11 @@ var DateRangePicker = ({
     getInitialStartDate()
   );
   const [endDate, setEndDate] = React.useState(getInitialEndDate());
-  const [leftMonth, setLeftMonth] = React.useState(/* @__PURE__ */ new Date());
+  const [leftMonth, setLeftMonth] = React.useState(() => {
+    const prevMonth = /* @__PURE__ */ new Date();
+    prevMonth.setMonth(prevMonth.getMonth() - 1);
+    return prevMonth;
+  });
   const [rightMonth, setRightMonth] = React.useState(/* @__PURE__ */ new Date());
   const [hoveredDate, setHoveredDate] = React.useState(null);
   const [selectingStart, setSelectingStart] = React.useState(true);
@@ -2677,7 +2686,7 @@ var DateRangePicker = ({
     setLeftCalendarView("day");
     setRightCalendarView("day");
     setLeftMonth(
-      originalStart ? new Date(originalStart.getFullYear(), originalStart.getMonth(), 1) : /* @__PURE__ */ new Date()
+      originalStart ? new Date(originalStart.getFullYear(), originalStart.getMonth(), 1) : new Date((/* @__PURE__ */ new Date()).setMonth((/* @__PURE__ */ new Date()).getMonth() - 1))
     );
     setRightMonth(
       originalEnd ? new Date(originalEnd.getFullYear(), originalEnd.getMonth(), 1) : /* @__PURE__ */ new Date()
@@ -2755,7 +2764,7 @@ var DateRangePicker = ({
       isOpen && /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
-          className: `absolute top-full right-0 ${datePopupOnly ? "" : "mt-2"} bg-white border rounded-lg shadow-lg z-50 ${dateRangeClass}`,
+          className: `absolute top-full right-0 ${datePopupOnly ? "" : "mt-1"} bg-white border rounded-lg shadow-lg z-50 ${dateRangeClass}`,
           style: {
             width: "700px",
             height: "419px",
@@ -2791,7 +2800,9 @@ var DateRangePicker = ({
                       setStartDate(null);
                       setEndDate(null);
                       setRightMonth(/* @__PURE__ */ new Date());
-                      setLeftMonth(/* @__PURE__ */ new Date());
+                      const prev = /* @__PURE__ */ new Date();
+                      prev.setMonth(prev.getMonth() - 1);
+                      setLeftMonth(prev);
                       setLeftCalendarView("day");
                       setRightCalendarView("day");
                     },
@@ -2921,7 +2932,7 @@ var DateRangePicker = ({
                   "button",
                   {
                     onClick: () => handleCancel(),
-                    className: "w-full px-[14px] py-[6px] text-[16px] font-semibold border rounded-[4px] border-1 border-[#E0E1E6]",
+                    className: "w-full px-[14px] py-[6px] text-[16px] font-semibold antialiased border rounded-[4px] border-1 border-[#E0E1E6]",
                     children: "Cancel"
                   }
                 ),
@@ -2975,7 +2986,7 @@ var DateRangePicker = ({
                         setIsShowDateRange();
                       setIsOpen(false);
                     },
-                    className: `w-full px-[14px] py-[6px] text-[16px] text-[#FFFFFF] font-semibold border rounded-[4px] bg-[#4683B4] ${!isCustomInputValid() && "opacity-50"} flex justify-center items-center gap-2`,
+                    className: `w-full px-[14px] py-[6px] text-[16px] text-[#FFFFFF] font-semibold antialiased border rounded-[4px] bg-[#4683B4] ${!isCustomInputValid() && "opacity-50"} flex justify-center items-center gap-2`,
                     children: datePopupOnly ? isExporting ? /* @__PURE__ */ jsxRuntime.jsxs(
                       "svg",
                       {