@mamrp/components 1.4.1 → 1.4.2

package/dist/index.mjs

@@ -4792,6 +4792,130 @@ function DraggablePaper({
     /* @__PURE__ */ React.createElement(Paper, { ref: nodeRef, ...props })
   );
 }
+
+// src/data-table/index.tsx
+import ClearIcon from "@mui/icons-material/Clear";
+import { Box as Box23, Button as Button14 } from "@mui/material";
+import {
+  MaterialReactTable,
+  useMaterialReactTable
+} from "material-react-table";
+import { MRT_Localization_FA } from "material-react-table/locales/fa";
+import { useMemo } from "react";
+var customLocalization = {
+  ...MRT_Localization_FA,
+  mrt_columns_showHide_resetOrder: "\u0628\u0627\u0632\u0646\u0634\u0627\u0646\u06CC \u062A\u0631\u062A\u06CC\u0628"
+};
+var DataTable = ({
+  data,
+  columns,
+  isLoading = false,
+  isRefetching = false,
+  pagination,
+  onPaginationChange,
+  totalRows,
+  manualPagination = true,
+  columnFilters = [],
+  onColumnFiltersChange,
+  manualFiltering = true,
+  onClearFilters,
+  showClearFiltersButton = true,
+  sorting = [],
+  onSortingChange,
+  manualSorting = false,
+  enableStickyHeader = true,
+  maxHeight = "calc(100vh - 200px)",
+  density = "compact",
+  enableColumnOrdering = true,
+  enableGlobalFilter = false,
+  enableColumnFilterModes = false,
+  enableRowSelection = false,
+  renderTopToolbarCustomActions,
+  renderBottomToolbarCustomActions,
+  tableOptions = {},
+  localization = customLocalization
+}) => {
+  const memoizedColumns = useMemo(() => columns, [columns]);
+  const memoizedData = useMemo(() => data, [data]);
+  const defaultRenderTopToolbarCustomActions = ({ table: table2 }) => {
+    const showFilters = table2.getState().showColumnFilters;
+    if (!showFilters || !showClearFiltersButton || !onClearFilters) return null;
+    return /* @__PURE__ */ React.createElement(Box23, { sx: { width: "100%" } }, /* @__PURE__ */ React.createElement(
+      Box23,
+      {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "flex-start"
+      },
+      /* @__PURE__ */ React.createElement(
+        Button14,
+        {
+          color: "secondary",
+          onClick: onClearFilters,
+          startIcon: /* @__PURE__ */ React.createElement(ClearIcon, null)
+        },
+        "\u0628\u0627\u0632\u0646\u0634\u0627\u0646\u06CC \u0641\u06CC\u0644\u062A\u0631\u0647\u0627"
+      )
+    ));
+  };
+  const table = useMaterialReactTable({
+    columns: memoizedColumns,
+    data: memoizedData,
+    localization,
+    // Pagination
+    manualPagination,
+    onPaginationChange,
+    pageCount: manualPagination ? Math.ceil(totalRows / pagination.pageSize) : void 0,
+    rowCount: totalRows ?? 0,
+    // Filtering
+    manualFiltering,
+    onColumnFiltersChange,
+    enableColumnFilterModes,
+    enableGlobalFilter,
+    // Sorting
+    manualSorting,
+    onSortingChange,
+    // Features
+    enableColumnOrdering,
+    enableRowSelection,
+    enableStickyHeader,
+    // State
+    state: {
+      pagination,
+      columnFilters,
+      sorting,
+      isLoading,
+      showProgressBars: isRefetching
+    },
+    // Styling
+    muiTablePaperProps: { sx: { direction: "ltr" } },
+    muiTableBodyCellProps: { sx: { textAlign: "center" } },
+    muiTableHeadCellProps: {
+      sx: {
+        "& .Mui-TableHeadCell-Content": {
+          flexDirection: "row-reverse",
+          justifyContent: "center"
+        }
+      }
+    },
+    muiTableContainerProps: {
+      sx: {
+        maxHeight
+      }
+    },
+    // Initial state
+    initialState: {
+      density
+    },
+    // Custom toolbars
+    renderTopToolbarCustomActions: renderTopToolbarCustomActions || defaultRenderTopToolbarCustomActions,
+    renderBottomToolbarCustomActions,
+    // Override with any additional options
+    ...tableOptions
+  });
+  return /* @__PURE__ */ React.createElement(MaterialReactTable, { table });
+};
+var data_table_default = DataTable;
 export {
   Page as Accordion,
   AdvancedSearchButton,
@@ -4799,6 +4923,7 @@ export {
   bascule_connection_button_default as ConnectToBasculeButton,
   CustomCheckbox,
   CustomTimePicker,
+  data_table_default as DataTable,
   DateFilter,
   DateFilterRange,
   date_month_default as DateMonthPicker,