@farmzone/fz-react-ui 1.0.15 → 1.0.17

package/dist/index.cjs

@@ -1431,7 +1431,8 @@ function getVisiblePageRange(currentPage, totalPages) {
   return { start, end };
 }
 function Pagination(props) {
-  const { page = 0, totalPages = 50, onPageChange } = props;
+  const { page = 0, totalPages: rawTotalPages = 0, onPageChange } = props;
+  const totalPages = Math.max(1, rawTotalPages);
   const [displayPage, setDisplayPage] = React6.useState(page);
   React6.useEffect(() => {
     setDisplayPage(page);
@@ -1443,6 +1444,7 @@ function Pagination(props) {
     },
     [onPageChange]
   );
+  const isEmpty = rawTotalPages === 0;
   const pageButtons = React6.useMemo(() => {
     const { start, end } = getVisiblePageRange(displayPage, totalPages);
     const buttons = [];
@@ -1454,9 +1456,10 @@ function Pagination(props) {
           "button",
           {
             type: "button",
+            disabled: isEmpty,
             className: cn(
-              "min-w-7 min-h-7 rounded-[4px] text-[14px] px-[5px] font-medium cursor-pointer",
-              isActive ? "bg-[#2675e2] text-white font-bold" : "bg-white text-[#000000] font-normal hover:bg-gray-50"
+              "min-w-7 min-h-7 rounded-[4px] text-[14px] px-[5px] font-medium",
+              isEmpty ? "bg-[#2675e2] text-white font-bold cursor-default" : isActive ? "bg-[#2675e2] text-white font-bold cursor-pointer" : "bg-white text-[#000000] font-normal hover:bg-gray-50 cursor-pointer"
             ),
             onClick: () => handlePageChange(pageIndex),
             children: displayPageNumber
@@ -1466,7 +1469,7 @@ function Pagination(props) {
       );
     }
     return buttons;
-  }, [displayPage, totalPages, handlePageChange]);
+  }, [displayPage, totalPages, handlePageChange, isEmpty]);
   const isFirstDisabled = displayPage <= 0;
   const isPreviousDisabled = displayPage <= 0;
   const isNextDisabled = displayPage >= totalPages - 1;
@@ -1486,9 +1489,6 @@ function Pagination(props) {
       children
     }
   );
-  if (!totalPages || totalPages === 0) {
-    return null;
-  }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row items-center gap-1.5", children: [
     renderNavButton(
       () => handlePageChange(0),
@@ -2828,7 +2828,7 @@ function DatePickerSingle(props) {
         "div",
         {
           role: "button",
-          tabIndex: disabled ? -1 : 0,
+          tabIndex: -1,
           "aria-hidden": disabled,
           onClick: () => {
             if (!disabled) toggleCalendar(inputValue);
@@ -4740,7 +4740,13 @@ function Table(props) {
     showHorizontalDivider = true,
     showVerticalDivider = true
   } = props;
-  const { fixed = false, onSelectionChange, selectedKeys = [], disabledKeys = [], disabledTooltip } = checkboxInfo ?? {};
+  const {
+    fixed = false,
+    onSelectionChange,
+    selectedKeys = [],
+    disabledKeys = [],
+    disabledTooltip
+  } = checkboxInfo ?? {};
   const scrollRef = React6.useRef(null);
   const footerRef = React6.useRef(null);
   const [tableHeight, setTableHeight] = React6.useState(500);
@@ -5129,7 +5135,7 @@ function Table(props) {
             TableCellContent,
             {
               cellContent,
-              tooltipText: String(record[col.key] ?? ""),
+              tooltipText: col.tooltipText ? col.tooltipText(record[col.key], record, rowIdx) : String(record[col.key] ?? ""),
               align: align ?? "",
               tooltipConfig: col.key === "__checkbox__" ? false : tooltipConfig,
               onCellClick: col.key !== "__checkbox__" && onRowClickRef.current ? () => onRowClickRef.current?.(record, rowIdx) : void 0
@@ -5262,7 +5268,7 @@ function Table(props) {
         ] })
       }
     ),
-    !showEmpty && !showSkeleton && (paginationInfo || renderFooter?.renderLeft || renderFooter?.renderRight) && /* @__PURE__ */ jsxRuntime.jsx("div", { ref: footerRef, children: /* @__PURE__ */ jsxRuntime.jsx(
+    !showSkeleton && (paginationInfo || renderFooter?.renderLeft || renderFooter?.renderRight) && /* @__PURE__ */ jsxRuntime.jsx("div", { ref: footerRef, children: /* @__PURE__ */ jsxRuntime.jsx(
       TableFooter,
       {
         paginationInfo,
@@ -7781,8 +7787,9 @@ function PageFilter(props) {
   const handleInputChange = (key) => (e) => {
     onChange({ [key]: e.target.value });
   };
-  const handleSelectChange = (key) => (value) => {
+  const handleSelectChange = (key, autoSubmit) => (value) => {
     onChange({ [key]: value });
+    if (autoSubmit) onSubmit();
   };
   const handleRadioChange = (key) => (value) => {
     onChange({ [key]: value });
@@ -7825,7 +7832,7 @@ function PageFilter(props) {
           Select2,
           {
             value: currentValue,
-            onChange: handleSelectChange(optionKey),
+            onChange: handleSelectChange(optionKey, option.autoSubmit),
             options: option.options,
             placeholder: option.placeholder || "\uC120\uD0DD",
             canReset: option.canReset ?? true,