cr-ui-lib 1.0.6 → 1.0.8

package/dist/index.d.mts

@@ -42,8 +42,9 @@ interface GraphedCardProps {
     isLoading: boolean;
     isError: boolean;
     handleRefresh?: () => void;
+    tooltipIcon?: string;
 }
-declare const GraphedCard: ({ className, title, value, subText, unit, tooltip_text, image, gradientColor0, gradientColor1, pointLabelColor, labelPopupTitle, lineData, lineLabel, isCustomTitle, customTitle, lineColor, isLoading, isError, handleRefresh, }: GraphedCardProps) => JSX.Element;
+declare const GraphedCard: ({ className, title, value, subText, unit, tooltip_text, image, gradientColor0, gradientColor1, pointLabelColor, labelPopupTitle, lineData, lineLabel, isCustomTitle, customTitle, lineColor, isLoading, isError, handleRefresh, tooltipIcon, }: GraphedCardProps) => JSX.Element;
 
 interface SimpleCardProps {
     title: string;

package/dist/index.d.ts

@@ -42,8 +42,9 @@ interface GraphedCardProps {
     isLoading: boolean;
     isError: boolean;
     handleRefresh?: () => void;
+    tooltipIcon?: string;
 }
-declare const GraphedCard: ({ className, title, value, subText, unit, tooltip_text, image, gradientColor0, gradientColor1, pointLabelColor, labelPopupTitle, lineData, lineLabel, isCustomTitle, customTitle, lineColor, isLoading, isError, handleRefresh, }: GraphedCardProps) => JSX.Element;
+declare const GraphedCard: ({ className, title, value, subText, unit, tooltip_text, image, gradientColor0, gradientColor1, pointLabelColor, labelPopupTitle, lineData, lineLabel, isCustomTitle, customTitle, lineColor, isLoading, isError, handleRefresh, tooltipIcon, }: GraphedCardProps) => JSX.Element;
 
 interface SimpleCardProps {
     title: string;

package/dist/index.js

@@ -301,7 +301,8 @@ var LineChart = ({
   gradientColor1 = "rgba(23, 202, 67, 0.5)",
   gradientColor0 = "rgba(23, 202, 67, 0)",
   pointLabelColor = "#4062E5",
-  labelPopupTitle = "Requests Completed"
+  labelPopupTitle = "Requests Completed",
+  tooltipIcon
 }) => {
   const chartRef = (0, import_react.useRef)(null);
   const [chartKey, setChartKey] = (0, import_react.useState)(`chart-${Date.now()}`);
@@ -439,9 +440,18 @@ var LineChart = ({
             <div>
               <p style="color:#757575;"><strong>${label2}</strong></p>
               <span style="display: inline-flex; align-items: center; font-weight: bold; color: #757575;">
-                <svg width="10" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg">
-                  <path d="M0.416687 3.36663H2.16669V9.08329H0.416687V3.36663ZM3.68335 0.916626H5.31669V9.08329H3.68335V0.916626ZM6.95002 5.58329H8.58335V9.08329H6.95002V5.58329Z" fill="#4683B4"/>
-                </svg>&nbsp;
+               ${tooltipIcon ? tooltipIcon : ` <svg
+                     width="10"
+                     height="10"
+                     viewBox="0 0 9 10"
+                     fill="none"
+                     xmlns="http://www.w3.org/2000/svg"
+                   >
+                     <path
+                       d="M0.416687 3.36663H2.16669V9.08329H0.416687V3.36663ZM3.68335 0.916626H5.31669V9.08329H3.68335V0.916626ZM6.95002 5.58329H8.58335V9.08329H6.95002V5.58329Z"
+                       fill="#4683B4"
+                     />
+                   </svg>`}&nbsp;
                 ${labelPopupTitle}: <span style="color:#131414;">&nbsp;${value}</span>
               </span>  
             </div>
@@ -589,7 +599,8 @@ var GraphedCard = ({
   lineColor,
   isLoading,
   isError,
-  handleRefresh
+  handleRefresh,
+  tooltipIcon
 }) => {
   if (isLoading) {
     return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(LoaderGraphContent_default, { className });
@@ -685,7 +696,8 @@ var GraphedCard = ({
             gradientColor0,
             gradientColor1,
             pointLabelColor,
-            labelPopupTitle
+            labelPopupTitle,
+            tooltipIcon
           }
         ) })
       ] }) })
@@ -3435,7 +3447,6 @@ var SelectionButton_default = SelectionButton;
 // src/components/inputs/SingleDateInput.tsx
 var import_date_fns = require("date-fns");
 var import_react_datepicker = __toESM(require("react-datepicker"));
-var import_react_datepicker2 = require("react-datepicker/dist/react-datepicker.css");
 var import_tailwind_merge19 = require("tailwind-merge");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 var SingleDateInput = ({
@@ -3529,8 +3540,7 @@ var SingleDateInput_default = SingleDateInput;
 
 // src/components/inputs/TimeInput.tsx
 var import_date_fns2 = require("date-fns");
-var import_react_datepicker3 = __toESM(require("react-datepicker"));
-var import_react_datepicker4 = require("react-datepicker/dist/react-datepicker.css");
+var import_react_datepicker2 = __toESM(require("react-datepicker"));
 var import_tailwind_merge20 = require("tailwind-merge");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var TimeInput = ({
@@ -3580,7 +3590,7 @@ var TimeInput = ({
     ),
     /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "relative", children: [
       /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-        import_react_datepicker3.default,
+        import_react_datepicker2.default,
         {
           selected: parsedDate,
           onChange: handleChange,