@eztrak/shared 0.13.8 → 0.14.0

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-export { CreateBaseQueryWithRetryOptions, PermissionRecord, TransformedPermissions, USER_STATE_STORAGE_KEY, capitalizeText, checkIfExistsInArray, cn, convertCommaDataToArray, createBaseQueryWithRetry, currencyFormatter, deserializeJson, flattenTableData, formatDate, formatDateTime, formatNumber, get, getApiError, getErrorMessages, getFieldsByCategory, getFieldsByInputType, getFieldsByName, getItem, getItemFromLocalStorage, isEmpty, loadUserState, normalizeApiListItems, parseCurrencyValueToNumber, removeByPropertyValues, removeItem, saveItemLocalStorage, saveUserState, set, setItem, storeItemInLocalStorage, toDateInputValue, toLowerCaseText, transformPermissions, truncateFileName, truncateText } from './utils/index.mjs';
+export { CreateBaseQueryWithRetryOptions, PermissionRecord, TransformedPermissions, USER_STATE_STORAGE_KEY, capitalizeText, checkIfExistsInArray, cn, convertCommaDataToArray, createBaseQueryWithRetry, currencyFormatter, deserializeJson, flattenTableData, formatDate, formatDateTime, formatNumber, get, getApiError, getErrorMessages, getFieldsByCategory, getFieldsByInputType, getFieldsByName, getItem, getItemFromLocalStorage, isEmpty, loadUserState, normalizeApiListItems, parseCurrencyValueToNumber, removeByPropertyValues, removeItem, resetPageParam, saveItemLocalStorage, saveUserState, set, setItem, storeItemInLocalStorage, toDateInputValue, toLowerCaseText, transformPermissions, truncateFileName, truncateText } from './utils/index.mjs';
 export { C as ConfirmationAlertOptions, E as ErrorClassification, a as ErrorSuggestedAction, H as HandleApiErrorOptions, R as RtkQueryError, c as classifyError, b as confirmationAlert, f as formatValidationErrorsHtml, h as handleApiError, i as isRetryableError } from './handleApiError-CwVIJOqO.mjs';
 export { UseGridHeightOptions, useGridHeight, usePaginationUrlSync } from './hooks/index.mjs';
 export { CardSkeleton, CardSkeletonProps, CardSkeletonVariant, CellEditPayload, CellEditorInputType, CustomCellEditor, CustomCellEditorProps, CustomCellEditorRef, CustomPagination, CustomPaginationClassNames, CustomPaginationProps, DropdownFilter, DropdownFilterProps, DropdownOption, EztrakTab, EztrakTabs, EztrakTabsClassNames, EztrakTabsProps, LayoutStatus, Loader, LoaderProps, Modal, ModalProps, PaginationData, PopupActionHandler, PopupCellRenderer, PopupCellRendererParams, PopupCellRendererProps, PopupDropDownContent, ResetColumnsButton, ResetColumnsButtonProps, ResetFiltersButton, ResetFiltersButtonProps, ResetFiltersButtonVariant, SearchInput, SearchInputProps, TableErrorBoundary, TableErrorBoundaryProps, TableLayoutToolbarControls, TableLayoutToolbarControlsProps, ToolTip, ToolTipProps, TooltipText, TooltipTextProps, dropdownStyles } from './components/index.mjs';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { CreateBaseQueryWithRetryOptions, PermissionRecord, TransformedPermissions, USER_STATE_STORAGE_KEY, capitalizeText, checkIfExistsInArray, cn, convertCommaDataToArray, createBaseQueryWithRetry, currencyFormatter, deserializeJson, flattenTableData, formatDate, formatDateTime, formatNumber, get, getApiError, getErrorMessages, getFieldsByCategory, getFieldsByInputType, getFieldsByName, getItem, getItemFromLocalStorage, isEmpty, loadUserState, normalizeApiListItems, parseCurrencyValueToNumber, removeByPropertyValues, removeItem, saveItemLocalStorage, saveUserState, set, setItem, storeItemInLocalStorage, toDateInputValue, toLowerCaseText, transformPermissions, truncateFileName, truncateText } from './utils/index.js';
+export { CreateBaseQueryWithRetryOptions, PermissionRecord, TransformedPermissions, USER_STATE_STORAGE_KEY, capitalizeText, checkIfExistsInArray, cn, convertCommaDataToArray, createBaseQueryWithRetry, currencyFormatter, deserializeJson, flattenTableData, formatDate, formatDateTime, formatNumber, get, getApiError, getErrorMessages, getFieldsByCategory, getFieldsByInputType, getFieldsByName, getItem, getItemFromLocalStorage, isEmpty, loadUserState, normalizeApiListItems, parseCurrencyValueToNumber, removeByPropertyValues, removeItem, resetPageParam, saveItemLocalStorage, saveUserState, set, setItem, storeItemInLocalStorage, toDateInputValue, toLowerCaseText, transformPermissions, truncateFileName, truncateText } from './utils/index.js';
 export { C as ConfirmationAlertOptions, E as ErrorClassification, a as ErrorSuggestedAction, H as HandleApiErrorOptions, R as RtkQueryError, c as classifyError, b as confirmationAlert, f as formatValidationErrorsHtml, h as handleApiError, i as isRetryableError } from './handleApiError-CwVIJOqO.js';
 export { UseGridHeightOptions, useGridHeight, usePaginationUrlSync } from './hooks/index.js';
 export { CardSkeleton, CardSkeletonProps, CardSkeletonVariant, CellEditPayload, CellEditorInputType, CustomCellEditor, CustomCellEditorProps, CustomCellEditorRef, CustomPagination, CustomPaginationClassNames, CustomPaginationProps, DropdownFilter, DropdownFilterProps, DropdownOption, EztrakTab, EztrakTabs, EztrakTabsClassNames, EztrakTabsProps, LayoutStatus, Loader, LoaderProps, Modal, ModalProps, PaginationData, PopupActionHandler, PopupCellRenderer, PopupCellRendererParams, PopupCellRendererProps, PopupDropDownContent, ResetColumnsButton, ResetColumnsButtonProps, ResetFiltersButton, ResetFiltersButtonProps, ResetFiltersButtonVariant, SearchInput, SearchInputProps, TableErrorBoundary, TableErrorBoundaryProps, TableLayoutToolbarControls, TableLayoutToolbarControlsProps, ToolTip, ToolTipProps, TooltipText, TooltipTextProps, dropdownStyles } from './components/index.js';

package/dist/index.js

@@ -77,6 +77,7 @@ __export(src_exports, {
   parseCurrencyValueToNumber: () => parseCurrencyValueToNumber,
   removeByPropertyValues: () => removeByPropertyValues,
   removeItem: () => removeItem,
+  resetPageParam: () => resetPageParam,
   saveItemLocalStorage: () => saveItemLocalStorage,
   saveUserState: () => saveUserState,
   set: () => set,
@@ -99,6 +100,14 @@ function cn(...inputs) {
   return (0, import_tailwind_merge.twMerge)((0, import_clsx.default)(inputs));
 }
 
+// src/utils/resetPageParam.ts
+function resetPageParam(params, pageKey = "page", defaultPage = "1") {
+  if (params.has(pageKey)) {
+    params.set(pageKey, defaultPage);
+  }
+  return params;
+}
+
 // src/utils/helpers.ts
 var truncateText = (text, maxLength = 20) => {
   if (text === null || text === void 0) return "";
@@ -1254,6 +1263,7 @@ function DropdownFilter({
   isDisabled = false,
   isLoading = false,
   saveToLocalStorage = false,
+  pageParam = "page",
   ...otherProps
 }) {
   const [searchParams, setSearchParams] = (0, import_react_router_dom2.useSearchParams)();
@@ -1266,10 +1276,10 @@ function DropdownFilter({
     if (stored != null && stored !== "") {
       setSearchParams((prev) => {
         prev.set(name, String(stored));
-        return prev;
+        return resetPageParam(prev, pageParam);
       });
     }
-  }, [saveToLocalStorage, name, searchParams, setSearchParams]);
+  }, [saveToLocalStorage, name, pageParam, searchParams, setSearchParams]);
   const currentValue = searchParams.get(name);
   const selectedOption = currentValue ? options?.find(
     (option) => option[valueKey]?.toString() === currentValue
@@ -1277,12 +1287,15 @@ function DropdownFilter({
   const handleChange = (selected) => {
     const selectedValue = selected && selected[valueKey] !== "" ? String(selected[valueKey]) : null;
     setSearchParams((prev) => {
+      if ((prev.get(name) ?? "") === (selectedValue ?? "")) {
+        return prev;
+      }
       if (!selectedValue) {
         prev.delete(name);
       } else {
         prev.set(name, selectedValue);
       }
-      return prev;
+      return resetPageParam(prev, pageParam);
     });
     if (saveToLocalStorage) {
       if (selectedValue) {
@@ -1399,6 +1412,7 @@ function SearchInput({
   debounceDelay = 500,
   customIcon = null,
   defaultValue,
+  pageParam = "page",
   ...props
 }) {
   const [searchParams, setSearchParams] = (0, import_react_router_dom4.useSearchParams)();
@@ -1406,17 +1420,18 @@ function SearchInput({
   const [inputValue, setInputValue] = (0, import_react5.useState)(queryParam);
   const debounceTimerRef = (0, import_react5.useRef)(null);
   const updateSearchParams = (searchQuery) => {
-    if (searchQuery?.trim()) {
-      setSearchParams((prev) => {
-        prev.set(defaultParam, searchQuery.trim());
+    const nextValue = searchQuery?.trim() ?? "";
+    setSearchParams((prev) => {
+      if ((prev.get(defaultParam) ?? "") === nextValue) {
         return prev;
-      });
-    } else {
-      setSearchParams((prev) => {
+      }
+      if (nextValue) {
+        prev.set(defaultParam, nextValue);
+      } else {
         prev.delete(defaultParam);
-        return prev;
-      });
-    }
+      }
+      return resetPageParam(prev, pageParam);
+    });
   };
   const handleSearch = (e) => {
     e.preventDefault();
@@ -2308,6 +2323,7 @@ var TableErrorBoundary = ({
   parseCurrencyValueToNumber,
   removeByPropertyValues,
   removeItem,
+  resetPageParam,
   saveItemLocalStorage,
   saveUserState,
   set,