@mamrp/components 1.7.24 → 1.7.26

package/dist/index.mjs

@@ -4916,13 +4916,14 @@ function DraggablePaper({
 
 // src/data-table/index.tsx
 import ClearIcon from "@mui/icons-material/Clear";
-import { Box as Box23, Button as Button13 } from "@mui/material";
+import { Box as Box23, Button as Button13, IconButton as IconButton10, Tooltip as Tooltip4 } from "@mui/material";
 import {
   MaterialReactTable,
   useMaterialReactTable
 } from "material-react-table";
 import { MRT_Localization_FA } from "material-react-table/locales/fa";
 import { useMemo, useRef as useRef6 } from "react";
+import { MdOutlineRefresh } from "react-icons/md";
 var customLocalization = {
   ...MRT_Localization_FA,
   mrt_columns_showHide_resetOrder: "\u0628\u0627\u0632\u0646\u0634\u0627\u0646\u06CC \u062A\u0631\u062A\u06CC\u0628"
@@ -4936,6 +4937,7 @@ var DataTable = ({
   onPaginationChange,
   totalRows,
   manualPagination = true,
+  disablePagination = false,
   columnFilters = [],
   onColumnFiltersChange,
   manualFiltering = true,
@@ -4963,22 +4965,26 @@ var DataTable = ({
   localization = customLocalization,
   enableColumnVirtualization = false,
   columnVirtualizerOptions = { overscan: 10 },
-  enableColumnResizing = false
+  enableColumnResizing = false,
+  layoutMode = "semantic",
+  renderDetailPanel,
+  refetch
 }) => {
   const memoizedColumns = useMemo(() => columns, [columns]);
   const memoizedData = useMemo(() => data, [data]);
   const defaultRenderTopToolbarCustomActions = ({ table: table2 }) => {
     const currentShowFilters = showColumnFilters !== void 0 ? showColumnFilters : table2.getState().showColumnFilters;
-    if (!currentShowFilters || !showClearFiltersButton || !onClearFilters)
-      return null;
-    return /* @__PURE__ */ React.createElement(Box23, { sx: { width: "100%" } }, /* @__PURE__ */ React.createElement(
+    const showClearButton = currentShowFilters && showClearFiltersButton && onClearFilters;
+    return /* @__PURE__ */ React.createElement(
       Box23,
       {
         display: "flex",
         alignItems: "center",
-        justifyContent: "flex-start"
+        justifyContent: "flex-start",
+        gap: 1
       },
-      /* @__PURE__ */ React.createElement(
+      refetch && /* @__PURE__ */ React.createElement(Tooltip4, { arrow: true, title: "\u0628\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06CC" }, /* @__PURE__ */ React.createElement(IconButton10, { onClick: () => refetch() }, /* @__PURE__ */ React.createElement(MdOutlineRefresh, null))),
+      showClearButton && /* @__PURE__ */ React.createElement(
         Button13,
         {
           color: "secondary",
@@ -4987,21 +4993,24 @@ var DataTable = ({
         },
         "\u0628\u0627\u0632\u0646\u0634\u0627\u0646\u06CC \u0641\u06CC\u0644\u062A\u0631\u0647\u0627"
       )
-    ));
+    );
   };
   const columnVirtualizerInstanceRef = useRef6(null);
   const table = useMaterialReactTable({
     columns: memoizedColumns,
     data: memoizedData,
     localization,
-    enableColumnResizing: false,
+    enableColumnResizing,
+    layoutMode,
     enableColumnVirtualization,
     columnVirtualizerInstanceRef,
     columnVirtualizerOptions,
+    enableKeyboardShortcuts: false,
     // === صفحه‌بندی ===
-    manualPagination,
-    onPaginationChange,
-    pageCount: manualPagination ? Math.ceil(totalRows / pagination.pageSize) : void 0,
+    enablePagination: !disablePagination,
+    manualPagination: disablePagination ? false : manualPagination,
+    onPaginationChange: disablePagination ? void 0 : onPaginationChange,
+    pageCount: !disablePagination && manualPagination ? Math.ceil(totalRows / pagination.pageSize) : void 0,
     rowCount: totalRows ?? 0,
     // === فیلترینگ ===
     manualFiltering,
@@ -5031,12 +5040,22 @@ var DataTable = ({
     ...onShowColumnFiltersChange && { onShowColumnFiltersChange },
     ...onColumnOrderChange && { onColumnOrderChange },
     // === استایل‌دهی ===
-    muiTablePaperProps: { sx: { direction: "ltr" } },
-    muiTableBodyCellProps: { sx: { textAlign: "center" } },
+    columnResizeDirection: "ltr",
+    muiTableBodyCellProps: {
+      sx: {
+        textAlign: "center",
+        "&:focus": {
+          outline: "none"
+        }
+      }
+    },
     muiTableHeadCellProps: {
       sx: {
+        "&:focus": {
+          outline: "none"
+        },
         "& .Mui-TableHeadCell-Content": {
-          flexDirection: "row-reverse",
+          flexDirection: "row",
           justifyContent: "center"
         }
       }
@@ -5050,6 +5069,8 @@ var DataTable = ({
     initialState: {
       density
     },
+    // === قابلیت‌ها ===
+    renderDetailPanel: renderDetailPanel ? ({ row, table: table2 }) => renderDetailPanel({ row, table: table2 }) : void 0,
     // === تولبارهای سفارشی ===
     renderTopToolbarCustomActions: renderTopToolbarCustomActions || defaultRenderTopToolbarCustomActions,
     renderBottomToolbarCustomActions,
@@ -5063,7 +5084,7 @@ var data_table_default = DataTable;
 // src/img-viewer/index.tsx
 import {
   Dialog as Dialog7,
-  IconButton as IconButton10,
+  IconButton as IconButton11,
   CircularProgress as CircularProgress10,
   Box as Box24,
   Typography as Typography17
@@ -5178,11 +5199,11 @@ function imgViewer({
             alignItems: "center"
           }
         },
-        /* @__PURE__ */ React.createElement(IconButton10, { onClick: handleClose }, /* @__PURE__ */ React.createElement(MdClose5, { color: "white" })),
-        !noResetBtn && /* @__PURE__ */ React.createElement(IconButton10, { onClick: reset }, /* @__PURE__ */ React.createElement("span", { style: { color: "white", fontSize: "0.9rem" } }, "\u0628\u0627\u0632\u0646\u0634\u0627\u0646\u06CC")),
-        !noRotate && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(IconButton10, { onClick: () => setRotate((r) => r - 90) }, /* @__PURE__ */ React.createElement(MdRotateLeft2, { color: "white" })), /* @__PURE__ */ React.createElement(IconButton10, { onClick: () => setRotate((r) => r + 90) }, /* @__PURE__ */ React.createElement(MdRotateRight2, { color: "white" }))),
-        !noZoom && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(IconButton10, { onClick: () => setZoom((z) => z + 0.2) }, /* @__PURE__ */ React.createElement(MdZoomIn2, { color: "white" })), /* @__PURE__ */ React.createElement(
-          IconButton10,
+        /* @__PURE__ */ React.createElement(IconButton11, { onClick: handleClose }, /* @__PURE__ */ React.createElement(MdClose5, { color: "white" })),
+        !noResetBtn && /* @__PURE__ */ React.createElement(IconButton11, { onClick: reset }, /* @__PURE__ */ React.createElement("span", { style: { color: "white", fontSize: "0.9rem" } }, "\u0628\u0627\u0632\u0646\u0634\u0627\u0646\u06CC")),
+        !noRotate && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(IconButton11, { onClick: () => setRotate((r) => r - 90) }, /* @__PURE__ */ React.createElement(MdRotateLeft2, { color: "white" })), /* @__PURE__ */ React.createElement(IconButton11, { onClick: () => setRotate((r) => r + 90) }, /* @__PURE__ */ React.createElement(MdRotateRight2, { color: "white" }))),
+        !noZoom && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(IconButton11, { onClick: () => setZoom((z) => z + 0.2) }, /* @__PURE__ */ React.createElement(MdZoomIn2, { color: "white" })), /* @__PURE__ */ React.createElement(
+          IconButton11,
           {
             onClick: () => setZoom((z) => Math.max(0.2, z - 0.2))
           },
@@ -5247,9 +5268,9 @@ import {
   DialogContent as DialogContent6,
   DialogTitle as DialogTitle6,
   Divider as Divider4,
-  IconButton as IconButton11,
+  IconButton as IconButton12,
   Stack as Stack7,
-  Tooltip as Tooltip4
+  Tooltip as Tooltip5
 } from "@mui/material";
 import { MdClose as MdClose6 } from "react-icons/md";
 function CustomDialog({
@@ -5326,8 +5347,8 @@ function CustomDialog({
         /* @__PURE__ */ React.createElement(Icon, { size: 20 })
       )), /* @__PURE__ */ React.createElement(Box25, null, title))
     ),
-    /* @__PURE__ */ React.createElement(Tooltip4, { title: "\u0628\u0633\u062A\u0646" }, /* @__PURE__ */ React.createElement(
-      IconButton11,
+    /* @__PURE__ */ React.createElement(Tooltip5, { title: "\u0628\u0633\u062A\u0646" }, /* @__PURE__ */ React.createElement(
+      IconButton12,
       {
         "aria-label": "close",
         onClick: onClose,