finance-shared 0.0.11 → 0.0.13

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,
         {
@@ -21797,14 +21806,15 @@ const getUserList = (roleIds, tenantId, pageIndexParam, searchTerm) => async (di
     dispatch(setIsUserListLoading(false));
   }
 };
-const getTenantListForDropdown = ({ pageIndex = 0 } = {}) => async (dispatch, getState) => {
+const getTenantListForDropdown = ({ pageIndex = 0, pageSize: pageSize2 } = {}) => async (dispatch, getState) => {
   try {
     const pagination = getTenantListForDropdownPaginationData(getState());
     const filters = getDropdownFilters(getState());
     const pageIndexQuery = pageIndex || pagination.pageIndex;
+    const pageSizeQuery = pageSize2 || pagination.pageSize;
     dispatch(setTenantListForDropdownLoading(true));
     const queryParams = [
-      pagination.pageSize && `PageSize=${pagination.pageSize}`,
+      pageSizeQuery && `PageSize=${pageSizeQuery}`,
       pageIndexQuery !== void 0 && `PageIndex=${pageIndexQuery + 1}`,
       filters.searchKeyword && `Search=${filters.searchKeyword}`,
       filters.status && `Status=${filters.status}`
@@ -21950,6 +21960,7 @@ const CustomAutocomplete = React.memo(
     getListboxProps = {},
     ref,
     disableClearable = false,
+    optionTestId,
     ...props
   }) => {
     const { t: t2 } = useTranslation("Autocomplete");
@@ -21981,8 +21992,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 +27574,7 @@ function useDebounce(callback, delay) {
 const SearchableAutocomplete = memo(
   ({
     dataTestId = "",
+    optionTestId = "autocomplete-option",
     label,
     value,
     variant = "filled",
@@ -27680,6 +27703,7 @@ const SearchableAutocomplete = memo(
       CustomAutocomplete,
       {
         "data-test-id": dataTestId,
+        optionTestId,
         ref,
         label,
         variant,
@@ -27711,6 +27735,7 @@ const MemberAutoComplete = ({
   isTooltipShow = true,
   variant = "filled",
   dataTestId = "",
+  optionTestId = "autocomplete-option",
   tenantId,
   initialSearchTerm = ""
 }) => {
@@ -27754,6 +27779,7 @@ const MemberAutoComplete = ({
     SearchableAutocomplete,
     {
       dataTestId,
+      optionTestId,
       label,
       variant,
       value,
@@ -27926,7 +27952,7 @@ function RemarksDialog({
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     variant === "simple" ? (
       // Simple variant: Icon button trigger
-      remarksList.length > 0 && /* @__PURE__ */ jsx(IconButton$1, { onClick: handleOpen, className: "m-0 p-3", children: /* @__PURE__ */ jsx(Badge, { badgeContent: remarksList.length, color: "error", className: "text-white", children: /* @__PURE__ */ jsx(MessageOutlinedIcon, { color: "warning" }) }) })
+      remarksList.length > 0 && /* @__PURE__ */ jsx(IconButton$1, { onClick: handleOpen, className: "m-0 p-3", disabled: isApplicationRejected, children: /* @__PURE__ */ jsx(Badge, { badgeContent: remarksList.length, color: "error", className: "text-white", children: /* @__PURE__ */ jsx(MessageOutlinedIcon, { color: "warning" }) }) })
     ) : (
       // Full variant: Button trigger
       /* @__PURE__ */ jsx(Badge, { badgeContent: displayCount, color: "error", children: /* @__PURE__ */ jsx(
@@ -27939,6 +27965,7 @@ function RemarksDialog({
           startIcon: /* @__PURE__ */ jsx(PendingActionsIcon, {}),
           onClick: handleOpen,
           sx: remarksButtonStyle,
+          disabled: isApplicationRejected,
           children: t2("REMARKS")
         }
       ) })
@@ -41517,7 +41544,8 @@ const TenantAutocomplete = ({
   status = "",
   style: style2 = {},
   disableClearable = false,
-  autoSelectFirst = false
+  autoSelectFirst = false,
+  pageSize: pageSize2 = 20
 }) => {
   const dispatch = useDispatch();
   const hasAutoSelected = useRef(false);
@@ -41526,11 +41554,11 @@ const TenantAutocomplete = ({
     onChange(selectedValue, isAutoSelection);
   };
   const fetchTenants = useCallback(
-    async ({ status: status2, pageSize: pageSize2, pageIndex, searchKeyword = "" }) => {
+    async ({ status: status2, pageSize: pageSize22, pageIndex, searchKeyword = "" }) => {
       const statusString = status2.length > 0 ? status2.join(",") : "";
       dispatch(setDropdownFilters({ status: statusString, searchKeyword }));
-      dispatch(setTenantListForDropdownPagination({ pageSize: pageSize2, pageIndex }));
-      const result = await dispatch(getTenantListForDropdown({ pageIndex }));
+      dispatch(setTenantListForDropdownPagination({ pageSize: pageSize22, pageIndex }));
+      const result = await dispatch(getTenantListForDropdown({ pageIndex, pageSize: pageSize22 }));
       return result;
     },
     [dispatch]
@@ -41540,7 +41568,7 @@ const TenantAutocomplete = ({
       const statusArray = Array.isArray(status) ? status : [status].filter((s4) => s4 !== "");
       const tenants = await fetchTenants({
         status: statusArray,
-        pageSize: 20,
+        pageSize: pageSize2,
         pageIndex,
         searchKeyword: searchTerm || ""
       });
@@ -41549,7 +41577,7 @@ const TenantAutocomplete = ({
         label: item.name
       }))) || [];
     },
-    [fetchTenants, status]
+    [fetchTenants, status, pageSize2]
   );
   useEffect(() => {
     const autoSelectFirstTenant = async () => {
@@ -57395,39 +57423,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 +57548,7 @@ export {
   PdfDialog,
   PreviewMedia,
   RemarksDialog,
+  SaveButton,
   SearchableAutocomplete,
   TenantAutocomplete,
   addSectionWiseRemark,