finance-shared 0.0.11 → 0.0.12

package/dist/finance-shared-library.es.js

@@ -8645,7 +8645,8 @@ function InfoDialog({
   color: color2 = "inherit",
   isLoading = false,
   t: t2,
-  discardText = "Cancel"
+  discardText = "Cancel",
+  buttonDataTestId
 }) {
   const handleClose = (_2, reason) => {
     if (reason && reason === "backdropClick") return;
@@ -8665,7 +8666,15 @@ function InfoDialog({
       }
     ) }),
     /* @__PURE__ */ jsxs(DialogActions$1, { className: "flex flex-col gap-10 pointer-events-auto", children: [
-      /* @__PURE__ */ jsx(CustomButton, { onClick: onButtonClick, className: "capitalize", children: isLoading ? /* @__PURE__ */ jsx(CircularProgress, { size: 24, className: "button-progress" }) : buttonText }),
+      /* @__PURE__ */ jsx(
+        CustomButton,
+        {
+          onClick: onButtonClick,
+          className: "capitalize",
+          ...buttonDataTestId && { "data-test-id": buttonDataTestId },
+          children: isLoading ? /* @__PURE__ */ jsx(CircularProgress, { size: 24, className: "button-progress" }) : buttonText
+        }
+      ),
       /* @__PURE__ */ jsx(
         Typography$1,
         {
@@ -21950,6 +21959,7 @@ const CustomAutocomplete = React.memo(
     getListboxProps = {},
     ref,
     disableClearable = false,
+    optionTestId,
     ...props
   }) => {
     const { t: t2 } = useTranslation("Autocomplete");
@@ -21981,8 +21991,19 @@ const CustomAutocomplete = React.memo(
     }, []);
     const renderOption = React.useCallback((props2, option) => {
       const { key, ...otherProps } = props2;
-      return /* @__PURE__ */ createElement("li", { ...otherProps, key: typeof option === "object" ? option.id : option }, typeof option === "object" ? option.label : option);
-    }, []);
+      const optionLabel = typeof option === "object" ? option.label : option;
+      const testIdPrefix = optionTestId || "autocomplete-option";
+      const testIdSafeLabel = optionLabel ? String(optionLabel).trim().replace(/\s+/g, "-") : "";
+      return /* @__PURE__ */ createElement(
+        "li",
+        {
+          ...otherProps,
+          key: typeof option === "object" ? option.id : option,
+          "data-test-id": `${testIdPrefix}-${testIdSafeLabel}`
+        },
+        optionLabel
+      );
+    }, [optionTestId]);
     const listboxProps = React.useMemo(() => ({
       onScroll: getListboxProps == null ? void 0 : getListboxProps.onScroll,
       style: {
@@ -27552,6 +27573,7 @@ function useDebounce(callback, delay) {
 const SearchableAutocomplete = memo(
   ({
     dataTestId = "",
+    optionTestId = "autocomplete-option",
     label,
     value,
     variant = "filled",
@@ -27680,6 +27702,7 @@ const SearchableAutocomplete = memo(
       CustomAutocomplete,
       {
         "data-test-id": dataTestId,
+        optionTestId,
         ref,
         label,
         variant,
@@ -27711,6 +27734,7 @@ const MemberAutoComplete = ({
   isTooltipShow = true,
   variant = "filled",
   dataTestId = "",
+  optionTestId = "autocomplete-option",
   tenantId,
   initialSearchTerm = ""
 }) => {
@@ -27754,6 +27778,7 @@ const MemberAutoComplete = ({
     SearchableAutocomplete,
     {
       dataTestId,
+      optionTestId,
       label,
       variant,
       value,
@@ -57395,39 +57420,67 @@ const CustomDatePicker = ({
   required = false,
   locale: locale$12 = locale,
   dataTestId,
-  iconColor
+  iconColor,
+  open,
+  anchorEl,
+  onClose,
+  hideTextField = false,
+  applyCustomStyling = false,
+  style: style2
 }) => {
-  return /* @__PURE__ */ jsx(LocalizationProvider, { dateAdapter: AdapterDateFns, adapterLocale: locale$12, children: /* @__PURE__ */ jsx(
-    DatePicker,
-    {
-      value,
-      onChange,
-      maxDate,
-      minDate,
-      disabled,
-      className: "w-full",
-      sx: {
-        "& .MuiSvgIcon-root": {
-          color: iconColor
-        }
+  const conditionalStyling = applyCustomStyling && style2 ? {
+    ...style2,
+    "& .MuiFilledInput-root": {
+      backgroundColor: "#ffffff"
+    }
+  } : style2 || {};
+  const datePickerProps = {
+    value,
+    onChange,
+    maxDate,
+    minDate,
+    disabled,
+    className: "w-full",
+    sx: {
+      "& .MuiSvgIcon-root": {
+        color: iconColor
+      }
+    },
+    slotProps: {
+      actionBar: {
+        actions: ["clear", "cancel"]
       },
-      slotProps: {
-        actionBar: {
-          actions: ["clear", "cancel"]
+      textField: hideTextField ? { sx: { display: "none" } } : {
+        label,
+        variant,
+        error: !!error,
+        helperText: error || "",
+        required,
+        inputProps: {
+          "data-test-id": dataTestId
         },
-        textField: {
-          label,
-          variant,
-          error: !!error,
-          helperText: error || "",
-          required,
-          inputProps: {
-            "data-test-id": dataTestId
-          }
-        }
+        sx: conditionalStyling
       }
     }
-  ) });
+  };
+  if (hideTextField) {
+    datePickerProps.open = open;
+    datePickerProps.onClose = onClose;
+    datePickerProps.slotProps.popper = {
+      anchorEl,
+      placement: "top-start"
+    };
+  }
+  return /* @__PURE__ */ jsx(
+    Tooltip,
+    {
+      title: label,
+      arrow: true,
+      TransitionComponent: Zoom,
+      placement: "top-start",
+      children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(LocalizationProvider, { dateAdapter: AdapterDateFns, adapterLocale: locale$12, children: /* @__PURE__ */ jsx(DatePicker, { ...datePickerProps }) }) })
+    }
+  );
 };
 const defaultConfig = {
   apiUrl: "",
@@ -57492,6 +57545,7 @@ export {
   PdfDialog,
   PreviewMedia,
   RemarksDialog,
+  SaveButton,
   SearchableAutocomplete,
   TenantAutocomplete,
   addSectionWiseRemark,