@farmzone/fz-react-ui 1.0.4 → 1.0.6

package/dist/index.d.cts

@@ -613,7 +613,16 @@ interface TableFooterProps {
     renderRight?: ReactNode;
 }
 
+interface PageParams {
+    page: number;
+    size: number;
+}
 type SortOrder = "asc" | "desc";
+interface SortParams {
+    sortBy: string;
+    sortOrder: SortOrder;
+}
+type BaseParams = PageParams & SortParams;
 
 type TableFixed = "left" | "right";
 interface SortOption {
@@ -1329,6 +1338,18 @@ declare function useFilePreviewViewer<T extends string = string>(files: FilePrev
     viewerProps: FilePreviewViewerProps<T>;
 };
 
+interface UseParams<P extends BaseParams> {
+    localParams: P;
+    params: P;
+    updateParam: (key: keyof P, value: P[keyof P]) => void;
+    updateLocalParam: (key: keyof P, value: P[keyof P]) => void;
+    update: () => void;
+    reset: () => void;
+    handleSortChange: (sortKey: string, sortOrder: SortOrder) => void;
+    sortOption: SortOption | undefined;
+}
+declare function useParams<P extends BaseParams>(initialParams: P): UseParams<P>;
+
 interface ArrowIconProps extends SVGProps<SVGSVGElement> {
     direction?: "up" | "down";
 }
@@ -1373,4 +1394,4 @@ declare const Z_INDEX: {
 };
 type ZIndexKey = keyof typeof Z_INDEX;
 
-export { ArrowIcon, Badge, type BadgeProps, BaseUploader, type BaseUploaderProps, BreadCrumb, type BreadCrumbItem, type BreadCrumbMenuItem, type BreadCrumbProps, type BreadCrumbRoot, Button, type ButtonProps, type ButtonSize, type ButtonVariant, type CalendarYearRange, Carousel, type CarouselProps, type CarouselRef, Checkbox, type CheckboxProps, type Column, type ConfirmOptions, DatePicker, DebouncedButton, type DebouncedButtonProps, DetailContent, type DetailContentProps, type DetailField, type DetailFieldOrSection, DetailModalFrame, type DetailMode, DetailPageFrame, Empty, ExcelUploader, FilePreviewViewer, FileUploader, type FilterRow, type FormFieldConfig, Input, type InputProps, Loading, LoadingOverlay, type LoadingOverlayProps, type LoadingProps, type MenuChild, type MenuGrandchild, type MenuItem, type MenuSection, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, ModalIconHeader, type ModalIconHeaderProps, ModalOverlay, type ModalProps, type ModalType, MultiTabBar as MultiTab, type MultiTab as MultiTabItem, PageFilter, Pagination, type PaginationProps, Popover, type PopoverAlign, PopoverAnchor, PopoverClose, PopoverContent, type PopoverContentProps, PopoverDescription, PopoverFooter, PopoverHeader, type PopoverPosition, PopoverTitle, PopoverTrigger, Radio, RadioGroup, type RadioGroupProps, type RadioOptionType, type RadioProps, ScrollArea, ScrollBar, SearchAddress, type SearchAddressProps, SearchBar, type SearchBarProps, Select, Select$1 as SelectBase, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOptionType, type SelectProps, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, type SidebarProps, SimplePopover, type SimplePopoverProps, Skeleton, type SkeletonProps, Slider, type SliderProps, type SortOption, Spinner, type SpinnerColor, type SpinnerProps, type SpinnerSize, SubmitForm, Switch, type SwitchProps, Tab, type TabItem, type TabProps, Table, Textarea, type TextareaProps, type ToastPosition, type ToastProps, ToastProvider, type ToastType, ToggleSwitch, Tooltip, type TooltipProps, type YmdDateString, type ZIndexKey, Z_INDEX, buildBreadCrumbItems, buttonVariants, cn, confirmModal, findParentMenuItem, findParentMenuName, formatDate, getFileLabel, getPreviewFileType, isCalendarDayAfterMax, isDateInRange, switchTrackSizes, textVariants, toast, useBlockModalConfirm, useBreadCrumbItems, useCustomBlocker, useDetailController, useFilePreviewViewer, useModal, useMultiTabStore, useScrollToTop, useStableImageSrc, useToast, validateAndFormatInput };
+export { ArrowIcon, Badge, type BadgeProps, type BaseParams, BaseUploader, type BaseUploaderProps, BreadCrumb, type BreadCrumbItem, type BreadCrumbMenuItem, type BreadCrumbProps, type BreadCrumbRoot, Button, type ButtonProps, type ButtonSize, type ButtonVariant, type CalendarYearRange, Carousel, type CarouselProps, type CarouselRef, Checkbox, type CheckboxProps, type Column, type ConfirmOptions, DatePicker, DebouncedButton, type DebouncedButtonProps, DetailContent, type DetailContentProps, type DetailField, type DetailFieldOrSection, DetailModalFrame, type DetailMode, DetailPageFrame, Empty, ExcelUploader, FilePreviewViewer, FileUploader, type FilterRow, type FormFieldConfig, Input, type InputProps, Loading, LoadingOverlay, type LoadingOverlayProps, type LoadingProps, type MenuChild, type MenuGrandchild, type MenuItem, type MenuSection, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, ModalIconHeader, type ModalIconHeaderProps, ModalOverlay, type ModalProps, type ModalType, MultiTabBar as MultiTab, type MultiTab as MultiTabItem, PageFilter, type PageParams, Pagination, type PaginationProps, Popover, type PopoverAlign, PopoverAnchor, PopoverClose, PopoverContent, type PopoverContentProps, PopoverDescription, PopoverFooter, PopoverHeader, type PopoverPosition, PopoverTitle, PopoverTrigger, Radio, RadioGroup, type RadioGroupProps, type RadioOptionType, type RadioProps, ScrollArea, ScrollBar, SearchAddress, type SearchAddressProps, SearchBar, type SearchBarProps, Select, Select$1 as SelectBase, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOptionType, type SelectProps, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, type SidebarProps, SimplePopover, type SimplePopoverProps, Skeleton, type SkeletonProps, Slider, type SliderProps, type SortOption, type SortOrder, type SortParams, Spinner, type SpinnerColor, type SpinnerProps, type SpinnerSize, SubmitForm, Switch, type SwitchProps, Tab, type TabItem, type TabProps, Table, Textarea, type TextareaProps, type ToastPosition, type ToastProps, ToastProvider, type ToastType, ToggleSwitch, Tooltip, type TooltipProps, type UseParams, type YmdDateString, type ZIndexKey, Z_INDEX, buildBreadCrumbItems, buttonVariants, cn, confirmModal, findParentMenuItem, findParentMenuName, formatDate, getFileLabel, getPreviewFileType, isCalendarDayAfterMax, isDateInRange, switchTrackSizes, textVariants, toast, useBlockModalConfirm, useBreadCrumbItems, useCustomBlocker, useDetailController, useFilePreviewViewer, useModal, useMultiTabStore, useParams, useScrollToTop, useStableImageSrc, useToast, validateAndFormatInput };

package/dist/index.d.ts

@@ -613,7 +613,16 @@ interface TableFooterProps {
     renderRight?: ReactNode;
 }
 
+interface PageParams {
+    page: number;
+    size: number;
+}
 type SortOrder = "asc" | "desc";
+interface SortParams {
+    sortBy: string;
+    sortOrder: SortOrder;
+}
+type BaseParams = PageParams & SortParams;
 
 type TableFixed = "left" | "right";
 interface SortOption {
@@ -1329,6 +1338,18 @@ declare function useFilePreviewViewer<T extends string = string>(files: FilePrev
     viewerProps: FilePreviewViewerProps<T>;
 };
 
+interface UseParams<P extends BaseParams> {
+    localParams: P;
+    params: P;
+    updateParam: (key: keyof P, value: P[keyof P]) => void;
+    updateLocalParam: (key: keyof P, value: P[keyof P]) => void;
+    update: () => void;
+    reset: () => void;
+    handleSortChange: (sortKey: string, sortOrder: SortOrder) => void;
+    sortOption: SortOption | undefined;
+}
+declare function useParams<P extends BaseParams>(initialParams: P): UseParams<P>;
+
 interface ArrowIconProps extends SVGProps<SVGSVGElement> {
     direction?: "up" | "down";
 }
@@ -1373,4 +1394,4 @@ declare const Z_INDEX: {
 };
 type ZIndexKey = keyof typeof Z_INDEX;
 
-export { ArrowIcon, Badge, type BadgeProps, BaseUploader, type BaseUploaderProps, BreadCrumb, type BreadCrumbItem, type BreadCrumbMenuItem, type BreadCrumbProps, type BreadCrumbRoot, Button, type ButtonProps, type ButtonSize, type ButtonVariant, type CalendarYearRange, Carousel, type CarouselProps, type CarouselRef, Checkbox, type CheckboxProps, type Column, type ConfirmOptions, DatePicker, DebouncedButton, type DebouncedButtonProps, DetailContent, type DetailContentProps, type DetailField, type DetailFieldOrSection, DetailModalFrame, type DetailMode, DetailPageFrame, Empty, ExcelUploader, FilePreviewViewer, FileUploader, type FilterRow, type FormFieldConfig, Input, type InputProps, Loading, LoadingOverlay, type LoadingOverlayProps, type LoadingProps, type MenuChild, type MenuGrandchild, type MenuItem, type MenuSection, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, ModalIconHeader, type ModalIconHeaderProps, ModalOverlay, type ModalProps, type ModalType, MultiTabBar as MultiTab, type MultiTab as MultiTabItem, PageFilter, Pagination, type PaginationProps, Popover, type PopoverAlign, PopoverAnchor, PopoverClose, PopoverContent, type PopoverContentProps, PopoverDescription, PopoverFooter, PopoverHeader, type PopoverPosition, PopoverTitle, PopoverTrigger, Radio, RadioGroup, type RadioGroupProps, type RadioOptionType, type RadioProps, ScrollArea, ScrollBar, SearchAddress, type SearchAddressProps, SearchBar, type SearchBarProps, Select, Select$1 as SelectBase, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOptionType, type SelectProps, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, type SidebarProps, SimplePopover, type SimplePopoverProps, Skeleton, type SkeletonProps, Slider, type SliderProps, type SortOption, Spinner, type SpinnerColor, type SpinnerProps, type SpinnerSize, SubmitForm, Switch, type SwitchProps, Tab, type TabItem, type TabProps, Table, Textarea, type TextareaProps, type ToastPosition, type ToastProps, ToastProvider, type ToastType, ToggleSwitch, Tooltip, type TooltipProps, type YmdDateString, type ZIndexKey, Z_INDEX, buildBreadCrumbItems, buttonVariants, cn, confirmModal, findParentMenuItem, findParentMenuName, formatDate, getFileLabel, getPreviewFileType, isCalendarDayAfterMax, isDateInRange, switchTrackSizes, textVariants, toast, useBlockModalConfirm, useBreadCrumbItems, useCustomBlocker, useDetailController, useFilePreviewViewer, useModal, useMultiTabStore, useScrollToTop, useStableImageSrc, useToast, validateAndFormatInput };
+export { ArrowIcon, Badge, type BadgeProps, type BaseParams, BaseUploader, type BaseUploaderProps, BreadCrumb, type BreadCrumbItem, type BreadCrumbMenuItem, type BreadCrumbProps, type BreadCrumbRoot, Button, type ButtonProps, type ButtonSize, type ButtonVariant, type CalendarYearRange, Carousel, type CarouselProps, type CarouselRef, Checkbox, type CheckboxProps, type Column, type ConfirmOptions, DatePicker, DebouncedButton, type DebouncedButtonProps, DetailContent, type DetailContentProps, type DetailField, type DetailFieldOrSection, DetailModalFrame, type DetailMode, DetailPageFrame, Empty, ExcelUploader, FilePreviewViewer, FileUploader, type FilterRow, type FormFieldConfig, Input, type InputProps, Loading, LoadingOverlay, type LoadingOverlayProps, type LoadingProps, type MenuChild, type MenuGrandchild, type MenuItem, type MenuSection, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, ModalIconHeader, type ModalIconHeaderProps, ModalOverlay, type ModalProps, type ModalType, MultiTabBar as MultiTab, type MultiTab as MultiTabItem, PageFilter, type PageParams, Pagination, type PaginationProps, Popover, type PopoverAlign, PopoverAnchor, PopoverClose, PopoverContent, type PopoverContentProps, PopoverDescription, PopoverFooter, PopoverHeader, type PopoverPosition, PopoverTitle, PopoverTrigger, Radio, RadioGroup, type RadioGroupProps, type RadioOptionType, type RadioProps, ScrollArea, ScrollBar, SearchAddress, type SearchAddressProps, SearchBar, type SearchBarProps, Select, Select$1 as SelectBase, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOptionType, type SelectProps, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, type SidebarProps, SimplePopover, type SimplePopoverProps, Skeleton, type SkeletonProps, Slider, type SliderProps, type SortOption, type SortOrder, type SortParams, Spinner, type SpinnerColor, type SpinnerProps, type SpinnerSize, SubmitForm, Switch, type SwitchProps, Tab, type TabItem, type TabProps, Table, Textarea, type TextareaProps, type ToastPosition, type ToastProps, ToastProvider, type ToastType, ToggleSwitch, Tooltip, type TooltipProps, type UseParams, type YmdDateString, type ZIndexKey, Z_INDEX, buildBreadCrumbItems, buttonVariants, cn, confirmModal, findParentMenuItem, findParentMenuName, formatDate, getFileLabel, getPreviewFileType, isCalendarDayAfterMax, isDateInRange, switchTrackSizes, textVariants, toast, useBlockModalConfirm, useBreadCrumbItems, useCustomBlocker, useDetailController, useFilePreviewViewer, useModal, useMultiTabStore, useParams, useScrollToTop, useStableImageSrc, useToast, validateAndFormatInput };

package/dist/index.js

@@ -4985,7 +4985,7 @@ function Table(props) {
           id: `${col.key}-body`,
           "data-row-cell": "true",
           "data-col-key": col.key,
-          className: `${isCheckbox ? "p-0" : "px-2 py-4"} whitespace-nowrap text-sm text-gray-900 border-r border-b border-gray-200 last:border-r-0 bg-inherit group-hover:bg-gray-100 transition-all`,
+          className: `${isCheckbox ? "p-0" : "px-2 py-3"} whitespace-nowrap text-sm text-gray-900 border-r border-b border-gray-200 last:border-r-0 bg-inherit group-hover:bg-gray-100 transition-all`,
           style: {
             width,
             minWidth: minWidth || width,
@@ -6113,14 +6113,53 @@ function resolveValueColSpan(colspan) {
   const span = colspan ?? 10;
   return COL_SPAN_CLASS[span] ?? COL_SPAN_CLASS[10];
 }
+var THREE_DIGIT_AREA_CODES = /* @__PURE__ */ new Set([
+  "031",
+  "032",
+  "033",
+  "041",
+  "042",
+  "043",
+  "051",
+  "052",
+  "053",
+  "054",
+  "055",
+  "061",
+  "062",
+  "063"
+]);
 function formatPhoneNumber(value) {
-  const numbers = value.replace(/\D/g, "");
-  if (numbers.length <= 3) return numbers;
-  if (numbers.length <= 7) return `${numbers.slice(0, 3)}-${numbers.slice(3)}`;
-  if (numbers.length <= 11) {
-    return `${numbers.slice(0, 3)}-${numbers.slice(3, 7)}-${numbers.slice(7)}`;
+  let digits = value.replace(/\D/g, "");
+  if (digits.startsWith("02")) {
+    if (digits.length > 2 && digits.length <= 6) {
+      return `${digits.slice(0, 2)}-${digits.slice(2)}`;
+    }
+    if (digits.length > 6) {
+      return `${digits.slice(0, 2)}-${digits.slice(2, 6)}-${digits.slice(6)}`;
+    }
+  } else if (THREE_DIGIT_AREA_CODES.has(digits.slice(0, 3))) {
+    if (digits.length > 3 && digits.length <= 6) {
+      return `${digits.slice(0, 3)}-${digits.slice(3)}`;
+    }
+    if (digits.length > 6) {
+      return `${digits.slice(0, 3)}-${digits.slice(3, 6)}-${digits.slice(6)}`;
+    }
+  } else {
+    if (digits.length > 3 && digits.length <= 7) {
+      return `${digits.slice(0, 3)}-${digits.slice(3)}`;
+    }
+    if (digits.length > 7) {
+      return `${digits.slice(0, 3)}-${digits.slice(3, 7)}-${digits.slice(7)}`;
+    }
   }
-  return `${numbers.slice(0, 3)}-${numbers.slice(3, 7)}-${numbers.slice(7, 11)}`;
+  return digits;
+}
+function resolvePhoneMaxLength(formattedValue) {
+  if (formattedValue.startsWith("02") || THREE_DIGIT_AREA_CODES.has(formattedValue.slice(0, 3))) {
+    return 12;
+  }
+  return 13;
 }
 function formatNumberWithCommas(value) {
   const numStr = String(value).replace(/,/g, "");
@@ -6944,11 +6983,13 @@ function PhoneField(props) {
     hasError = false
   } = props;
   const { placeholder = "010-0000-0000", disabled = false, readOnly = false, className = "" } = config;
+  const phoneValue = String(value ?? "");
+  const phoneMaxLength = resolvePhoneMaxLength(phoneValue);
   const handleChange = (e) => {
     onChange(formatPhoneNumber(e.target.value));
   };
   if (readOnly) {
-    return /* @__PURE__ */ jsx("div", { className: fieldControlWrapClass(className), children: /* @__PURE__ */ jsx("span", { className: FIELD_READONLY_TEXT_CLASS, children: String(value ?? "") || "\u2014" }) });
+    return /* @__PURE__ */ jsx("div", { className: fieldControlWrapClass(className), children: /* @__PURE__ */ jsx("span", { className: FIELD_READONLY_TEXT_CLASS, children: phoneValue || "\u2014" }) });
   }
   return /* @__PURE__ */ jsx("div", { className: fieldControlWrapClass(className), children: /* @__PURE__ */ jsx(
     Input2,
@@ -6956,12 +6997,12 @@ function PhoneField(props) {
       name,
       ref,
       onBlur,
-      value: String(value ?? ""),
+      value: phoneValue,
       type: "text",
       placeholder,
       disabled,
       readOnly,
-      maxLength: 13,
+      maxLength: phoneMaxLength,
       status: "default",
       className: formControlClass(hasError),
       bare: true,
@@ -7602,40 +7643,35 @@ function PageFilter(props) {
     values,
     primaryColor
   } = props;
-  const [localValues, setLocalValues] = useState(values);
   const initialValuesRef = useRef(values);
-  const updateLocal = (updates) => {
-    setLocalValues((prev) => ({ ...prev, ...updates }));
-  };
   const handleInputChange = (key) => (e) => {
-    updateLocal({ [key]: e.target.value });
+    onChange({ [key]: e.target.value });
   };
   const handleSelectChange = (key) => (value) => {
-    updateLocal({ [key]: value });
+    onChange({ [key]: value });
   };
   const handleRadioChange = (key) => (value) => {
-    updateLocal({ [key]: value });
+    onChange({ [key]: value });
   };
   const handleDateChange = (key) => (date) => {
-    updateLocal({ [key]: date });
+    onChange({ [key]: date });
   };
   const handleRangeChangeCurried = (startKey, endKey) => (start, end) => {
-    updateLocal({ [startKey]: start, [endKey]: end });
+    onChange({ [startKey]: start, [endKey]: end });
   };
   const handleCheckboxChange = (key) => (checked) => {
-    updateLocal({ [key]: checked ? "true" : "false" });
+    onChange({ [key]: checked ? "true" : "false" });
   };
   const handleSubmit = () => {
-    onChange(localValues);
     onSubmit();
   };
   const handleReset = () => {
-    setLocalValues(initialValuesRef.current);
+    onChange(initialValuesRef.current);
     onReset?.();
   };
   const renderFilterOption = (option, gap, index) => {
     const optionKey = option.key;
-    const currentValue = String(localValues[optionKey] ?? "");
+    const currentValue = String(values[optionKey] ?? "");
     const rowGap2 = index !== 0 ? option.label ? gap : 5 : 0;
     switch (option.type) {
       case "input":
@@ -7710,10 +7746,7 @@ function PageFilter(props) {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: cn(
-        "flex flex-col gap-3 bg-white py-3 px-5 border-t-main border-t-1 shadow-panel",
-        containerClassName
-      ),
+      className: cn("flex flex-col gap-3 bg-white py-3 px-5 border-t-main border-t-1 shadow-panel", containerClassName),
       style: primaryColor ? { borderTopColor: primaryColor } : void 0,
       children: /* @__PURE__ */ jsx("div", { className: "relative flex flex-col", style: { gap: `${colGap}px` }, children: rows.map((row, ix) => {
         const isLastRow = rows.length - 1 === ix;
@@ -9807,6 +9840,144 @@ function useScrollToTop(containerId) {
   return scrollToTop;
 }
 
-export { ArrowIcon, Badge, BaseUploader, BreadCrumb, Button, Carousel_default as Carousel, Checkbox, DatePicker, DebouncedButton, DetailContent, DetailModalFrame, DetailPageFrame, Empty, ExcelUploader, FilePreviewViewer, FileUploader, Input2 as Input, Loading, LoadingOverlay, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, ModalIconHeader, ModalOverlay, MultiTabBar as MultiTab, PageFilter, Pagination, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverDescription, PopoverFooter, PopoverHeader, PopoverTitle, PopoverTrigger, Radio, RadioGroup, ScrollArea_default as ScrollArea, ScrollBar, SearchAddress, SearchBar, Select2 as Select, Select as SelectBase, SelectContent, SelectGroup2 as SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, SimplePopover, Skeleton, Slider, Spinner, SubmitForm, Switch, Tab, Table, Textarea, ToastProvider, ToggleSwitch, Tooltip2 as Tooltip, Z_INDEX, buildBreadCrumbItems, buttonVariants, cn, confirmModal, findParentMenuItem, findParentMenuName, formatDate, getFileLabel, getPreviewFileType, isCalendarDayAfterMax, isDateInRange, switchTrackSizes, textVariants, toast, useBlockModalConfirm, useBreadCrumbItems, useCustomBlocker, useDetailController, useFilePreviewViewer, useModal, useMultiTabStore, useScrollToTop, useStableImageSrc, useToast, validateAndFormatInput };
+// src/hooks/useParams/config/utils.ts
+function paramsToSearchParams(params) {
+  const searchParams = new URLSearchParams();
+  Object.entries(params).forEach(([key, value]) => {
+    if (value === null || value === void 0) {
+      return;
+    }
+    if (Array.isArray(value)) {
+      value.forEach((item) => searchParams.append(key, String(item)));
+    } else if (value !== "") {
+      searchParams.set(key, String(value));
+    }
+  });
+  return searchParams;
+}
+function useParams(initialParams) {
+  if (!initialParams) {
+    throw new Error("initialParams is required");
+  }
+  const [params, setParams] = useState(initialParams);
+  const [localParams, setLocalParams] = useState(initialParams);
+  const [searchParams, setSearchParams] = useSearchParams();
+  const isInitializedRef = useRef(false);
+  const getInitialState = useCallback(() => {
+    const result = { ...initialParams };
+    Object.keys(initialParams).forEach((key) => {
+      const initialValue = initialParams[key];
+      if (Array.isArray(initialValue)) {
+        const urlValue = searchParams.getAll(key);
+        if (urlValue.length > 0) {
+          result[key] = urlValue;
+        }
+      } else {
+        const urlValue = searchParams.get(key);
+        if (urlValue !== null) {
+          if (urlValue === "null") {
+            result[key] = null;
+          } else if (urlValue === "undefined") {
+            result[key] = void 0;
+          } else {
+            result[key] = urlValue;
+          }
+        }
+      }
+    });
+    return result;
+  }, [initialParams, searchParams]);
+  useEffect(() => {
+    if (!isInitializedRef.current) {
+      const initialState = getInitialState();
+      setLocalParams(initialState);
+      setParams(initialState);
+      if (!searchParams.toString()) {
+        const newSearchParams = paramsToSearchParams(initialParams);
+        setSearchParams(newSearchParams, { replace: true });
+      }
+      isInitializedRef.current = true;
+    }
+  }, [getInitialState, initialParams, searchParams, setSearchParams]);
+  const updateLocalParam = useCallback(
+    (key, value) => {
+      setLocalParams((prev) => ({
+        ...prev,
+        [key]: value
+      }));
+    },
+    [setLocalParams]
+  );
+  const updateParams = useCallback(
+    (updatedParams) => {
+      const newParams = {
+        ...params,
+        ...updatedParams
+      };
+      setParams(newParams);
+      setLocalParams(newParams);
+      setSearchParams(paramsToSearchParams(newParams));
+    },
+    [params, setSearchParams]
+  );
+  const updateParam = useCallback(
+    (key, value) => {
+      const newParams = {
+        ...params,
+        [key]: value
+      };
+      setParams(newParams);
+      setLocalParams(newParams);
+      setSearchParams(paramsToSearchParams(newParams));
+    },
+    [params, setSearchParams]
+  );
+  const update = useCallback(() => {
+    const paramsWithResetPage = {
+      ...localParams,
+      page: 0
+    };
+    const newSearchParams = paramsToSearchParams(paramsWithResetPage);
+    setSearchParams(newSearchParams);
+    setParams(paramsWithResetPage);
+    setLocalParams(paramsWithResetPage);
+  }, [localParams, setSearchParams]);
+  const reset = useCallback(() => {
+    setLocalParams(initialParams);
+    setParams(initialParams);
+    const newSearchParams = paramsToSearchParams(initialParams);
+    setSearchParams(newSearchParams);
+  }, [initialParams, setSearchParams]);
+  const handleSortChange = useCallback(
+    (sortKey, sortOrder) => {
+      const newParams = {
+        ...params,
+        sortBy: sortKey,
+        sortOrder
+      };
+      updateParams(newParams);
+    },
+    [updateParams, params]
+  );
+  const sortOption = useMemo(() => {
+    if (!params.sortBy || !params.sortOrder) return void 0;
+    return {
+      sortKey: params.sortBy,
+      sortOrder: params.sortOrder
+    };
+  }, [params.sortBy, params.sortOrder]);
+  return {
+    localParams,
+    params,
+    updateParam,
+    updateLocalParam,
+    update,
+    reset,
+    handleSortChange,
+    sortOption
+  };
+}
+
+export { ArrowIcon, Badge, BaseUploader, BreadCrumb, Button, Carousel_default as Carousel, Checkbox, DatePicker, DebouncedButton, DetailContent, DetailModalFrame, DetailPageFrame, Empty, ExcelUploader, FilePreviewViewer, FileUploader, Input2 as Input, Loading, LoadingOverlay, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, ModalIconHeader, ModalOverlay, MultiTabBar as MultiTab, PageFilter, Pagination, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverDescription, PopoverFooter, PopoverHeader, PopoverTitle, PopoverTrigger, Radio, RadioGroup, ScrollArea_default as ScrollArea, ScrollBar, SearchAddress, SearchBar, Select2 as Select, Select as SelectBase, SelectContent, SelectGroup2 as SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, SimplePopover, Skeleton, Slider, Spinner, SubmitForm, Switch, Tab, Table, Textarea, ToastProvider, ToggleSwitch, Tooltip2 as Tooltip, Z_INDEX, buildBreadCrumbItems, buttonVariants, cn, confirmModal, findParentMenuItem, findParentMenuName, formatDate, getFileLabel, getPreviewFileType, isCalendarDayAfterMax, isDateInRange, switchTrackSizes, textVariants, toast, useBlockModalConfirm, useBreadCrumbItems, useCustomBlocker, useDetailController, useFilePreviewViewer, useModal, useMultiTabStore, useParams, useScrollToTop, useStableImageSrc, useToast, validateAndFormatInput };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map