@mamrp/components 1.7.5 → 1.7.7

package/dist/index.d.mts

@@ -2,11 +2,12 @@ import * as React$1 from 'react';
 import React__default, { ReactNode, CSSProperties, Dispatch, SetStateAction } from 'react';
 import { Control, FieldValues, Path, FieldErrors, UseFormSetValue } from 'react-hook-form';
 import { Moment } from 'moment-jalaali';
-import { SxProps, Theme, PaperProps } from '@mui/material';
+import { SxProps, Theme, PaperProps, DialogProps } from '@mui/material';
 import { GridColDef, GridRowSelectionModel, GridRowParams } from '@mui/x-data-grid';
 import { TextFieldProps } from '@mui/material/TextField';
 import { MRT_ColumnDef, MRT_PaginationState, MRT_ColumnFiltersState, MRT_SortingState, MRT_TableOptions } from 'material-react-table';
 export { MRT_ColumnDef } from 'material-react-table';
+import { IconType } from 'react-icons';
 
 interface MultipleSelectChipProps {
     name: string;
@@ -253,8 +254,9 @@ type TapleProps = {
     selectedRows?: GridRowSelectionModel;
     setSelectedRows?: Dispatch<SetStateAction<GridRowSelectionModel>>;
     isRowSelectable?: (params: GridRowParams) => boolean;
+    disablePageSizeChange?: boolean;
 };
-declare const Table: ({ pagingmode, totalRows, rows, columns, paginationModel, setPaginationModel, loading, rowId, _tools, _CustomFooter, rowInPage, highlightedRowId, evenRowBgColor, sortFieldMapping, setsortQuery, sortQuery, fontSize, checkboxSelection, selectedRows, setSelectedRows, isRowSelectable, ...rest }: TapleProps) => React__default.JSX.Element;
+declare const Table: ({ pagingmode, totalRows, rows, columns, paginationModel, setPaginationModel, loading, rowId, _tools, _CustomFooter, rowInPage, highlightedRowId, evenRowBgColor, sortFieldMapping, setsortQuery, sortQuery, fontSize, checkboxSelection, selectedRows, setSelectedRows, isRowSelectable, disablePageSizeChange, ...rest }: TapleProps) => React__default.JSX.Element;
 
 type FormInputNumberProps<T extends FieldValues> = {
     control: Control<T>;
@@ -608,4 +610,17 @@ type DataTableProps<T extends Record<string, any>> = {
  */
 declare const DataTable: <T extends Record<string, any>>({ data, columns, isLoading, isRefetching, pagination, onPaginationChange, totalRows, manualPagination, columnFilters, onColumnFiltersChange, manualFiltering, onClearFilters, showClearFiltersButton, sorting, onSortingChange, manualSorting, columnVisibility, onColumnVisibilityChange, columnOrder, onColumnOrderChange, enableStickyHeader, maxHeight, density, enableColumnOrdering, enableGlobalFilter, enableColumnFilterModes, enableRowSelection, showColumnFilters, onShowColumnFiltersChange, renderTopToolbarCustomActions, renderBottomToolbarCustomActions, tableOptions, localization, enableColumnVirtualization, columnVirtualizerOptions, enableColumnResizing, }: DataTableProps<T>) => React$1.JSX.Element;
 
-export { Page as Accordion, AdvancedSearchButton, ConfirmationDialog$1 as ConfirmationDialog, ConnectToBasculeButton, CustomCheckbox, CustomTimePicker, DataTable, DateFilter, DateFilterRange, DateMonthPicker, JalaliDatePicker$2 as DatePicker, JalaliDatePicker$1 as DateTimePicker, JalaliDateTimeRangePicker as DateTimeRangePicker, DraggablePaper, UploadImage as EnhancedUploadImage, FormInputNumber, FormInputText, HorizontalStepper, LicensePlate, JalaliDatePicker as MobileDateTimePicker, ConfirmationDialog as Modal, NestedSelect as NestedSelectort, NoResult, PaginationList, PatternTextField, RadioButton, SearchLicensePlate, MultipleSelectChip as Selector, SkeletonCard, SonarSpinner, SwitchButton, Table, UploadImage$1 as UploadImage };
+type PaletteColor = "primary" | "secondary" | "error" | "warning" | "info" | "success" | "tertiary" | "accent" | "successLight" | "orange" | "indigo" | "teal" | "pinkLight" | "aqua" | "customRed";
+interface CustomDialogProps {
+    title: string;
+    icon?: IconType;
+    iconColor?: PaletteColor | string;
+    open: boolean;
+    onClose: () => void;
+    maxWidth?: DialogProps["maxWidth"];
+    fullWidth?: boolean;
+    children: ReactNode;
+}
+declare function CustomDialog({ title, icon: Icon, iconColor, open, onClose, maxWidth, fullWidth, children, }: CustomDialogProps): React$1.JSX.Element;
+
+export { Page as Accordion, AdvancedSearchButton, ConfirmationDialog$1 as ConfirmationDialog, ConnectToBasculeButton, CustomCheckbox, CustomDialog, CustomTimePicker, DataTable, DateFilter, DateFilterRange, DateMonthPicker, JalaliDatePicker$2 as DatePicker, JalaliDatePicker$1 as DateTimePicker, JalaliDateTimeRangePicker as DateTimeRangePicker, DraggablePaper, UploadImage as EnhancedUploadImage, FormInputNumber, FormInputText, HorizontalStepper, LicensePlate, JalaliDatePicker as MobileDateTimePicker, ConfirmationDialog as Modal, NestedSelect as NestedSelectort, NoResult, PaginationList, PatternTextField, RadioButton, SearchLicensePlate, MultipleSelectChip as Selector, SkeletonCard, SonarSpinner, SwitchButton, Table, UploadImage$1 as UploadImage };

package/dist/index.d.ts

@@ -2,11 +2,12 @@ import * as React$1 from 'react';
 import React__default, { ReactNode, CSSProperties, Dispatch, SetStateAction } from 'react';
 import { Control, FieldValues, Path, FieldErrors, UseFormSetValue } from 'react-hook-form';
 import { Moment } from 'moment-jalaali';
-import { SxProps, Theme, PaperProps } from '@mui/material';
+import { SxProps, Theme, PaperProps, DialogProps } from '@mui/material';
 import { GridColDef, GridRowSelectionModel, GridRowParams } from '@mui/x-data-grid';
 import { TextFieldProps } from '@mui/material/TextField';
 import { MRT_ColumnDef, MRT_PaginationState, MRT_ColumnFiltersState, MRT_SortingState, MRT_TableOptions } from 'material-react-table';
 export { MRT_ColumnDef } from 'material-react-table';
+import { IconType } from 'react-icons';
 
 interface MultipleSelectChipProps {
     name: string;
@@ -253,8 +254,9 @@ type TapleProps = {
     selectedRows?: GridRowSelectionModel;
     setSelectedRows?: Dispatch<SetStateAction<GridRowSelectionModel>>;
     isRowSelectable?: (params: GridRowParams) => boolean;
+    disablePageSizeChange?: boolean;
 };
-declare const Table: ({ pagingmode, totalRows, rows, columns, paginationModel, setPaginationModel, loading, rowId, _tools, _CustomFooter, rowInPage, highlightedRowId, evenRowBgColor, sortFieldMapping, setsortQuery, sortQuery, fontSize, checkboxSelection, selectedRows, setSelectedRows, isRowSelectable, ...rest }: TapleProps) => React__default.JSX.Element;
+declare const Table: ({ pagingmode, totalRows, rows, columns, paginationModel, setPaginationModel, loading, rowId, _tools, _CustomFooter, rowInPage, highlightedRowId, evenRowBgColor, sortFieldMapping, setsortQuery, sortQuery, fontSize, checkboxSelection, selectedRows, setSelectedRows, isRowSelectable, disablePageSizeChange, ...rest }: TapleProps) => React__default.JSX.Element;
 
 type FormInputNumberProps<T extends FieldValues> = {
     control: Control<T>;
@@ -608,4 +610,17 @@ type DataTableProps<T extends Record<string, any>> = {
  */
 declare const DataTable: <T extends Record<string, any>>({ data, columns, isLoading, isRefetching, pagination, onPaginationChange, totalRows, manualPagination, columnFilters, onColumnFiltersChange, manualFiltering, onClearFilters, showClearFiltersButton, sorting, onSortingChange, manualSorting, columnVisibility, onColumnVisibilityChange, columnOrder, onColumnOrderChange, enableStickyHeader, maxHeight, density, enableColumnOrdering, enableGlobalFilter, enableColumnFilterModes, enableRowSelection, showColumnFilters, onShowColumnFiltersChange, renderTopToolbarCustomActions, renderBottomToolbarCustomActions, tableOptions, localization, enableColumnVirtualization, columnVirtualizerOptions, enableColumnResizing, }: DataTableProps<T>) => React$1.JSX.Element;
 
-export { Page as Accordion, AdvancedSearchButton, ConfirmationDialog$1 as ConfirmationDialog, ConnectToBasculeButton, CustomCheckbox, CustomTimePicker, DataTable, DateFilter, DateFilterRange, DateMonthPicker, JalaliDatePicker$2 as DatePicker, JalaliDatePicker$1 as DateTimePicker, JalaliDateTimeRangePicker as DateTimeRangePicker, DraggablePaper, UploadImage as EnhancedUploadImage, FormInputNumber, FormInputText, HorizontalStepper, LicensePlate, JalaliDatePicker as MobileDateTimePicker, ConfirmationDialog as Modal, NestedSelect as NestedSelectort, NoResult, PaginationList, PatternTextField, RadioButton, SearchLicensePlate, MultipleSelectChip as Selector, SkeletonCard, SonarSpinner, SwitchButton, Table, UploadImage$1 as UploadImage };
+type PaletteColor = "primary" | "secondary" | "error" | "warning" | "info" | "success" | "tertiary" | "accent" | "successLight" | "orange" | "indigo" | "teal" | "pinkLight" | "aqua" | "customRed";
+interface CustomDialogProps {
+    title: string;
+    icon?: IconType;
+    iconColor?: PaletteColor | string;
+    open: boolean;
+    onClose: () => void;
+    maxWidth?: DialogProps["maxWidth"];
+    fullWidth?: boolean;
+    children: ReactNode;
+}
+declare function CustomDialog({ title, icon: Icon, iconColor, open, onClose, maxWidth, fullWidth, children, }: CustomDialogProps): React$1.JSX.Element;
+
+export { Page as Accordion, AdvancedSearchButton, ConfirmationDialog$1 as ConfirmationDialog, ConnectToBasculeButton, CustomCheckbox, CustomDialog, CustomTimePicker, DataTable, DateFilter, DateFilterRange, DateMonthPicker, JalaliDatePicker$2 as DatePicker, JalaliDatePicker$1 as DateTimePicker, JalaliDateTimeRangePicker as DateTimeRangePicker, DraggablePaper, UploadImage as EnhancedUploadImage, FormInputNumber, FormInputText, HorizontalStepper, LicensePlate, JalaliDatePicker as MobileDateTimePicker, ConfirmationDialog as Modal, NestedSelect as NestedSelectort, NoResult, PaginationList, PatternTextField, RadioButton, SearchLicensePlate, MultipleSelectChip as Selector, SkeletonCard, SonarSpinner, SwitchButton, Table, UploadImage$1 as UploadImage };

package/dist/index.js

@@ -35,6 +35,7 @@ __export(src_exports, {
   ConfirmationDialog: () => ConfirmationDialog,
   ConnectToBasculeButton: () => bascule_connection_button_default,
   CustomCheckbox: () => CustomCheckbox,
+  CustomDialog: () => CustomDialog,
   CustomTimePicker: () => CustomTimePicker,
   DataTable: () => data_table_default,
   DateFilter: () => DateFilter,
@@ -3619,6 +3620,7 @@ var Table = ({
   selectedRows,
   setSelectedRows,
   isRowSelectable,
+  disablePageSizeChange = false,
   ...rest
 }) => {
   const [sortModel, setSortModel] = import_react19.default.useState([]);
@@ -3736,7 +3738,7 @@ var Table = ({
       autoHeight: true,
       ...shouldShowPagination && { rowCount: totalRows },
       ...shouldShowPagination && {
-        pageSizeOptions: [5, 10, 25, 50, 75, 100]
+        pageSizeOptions: disablePageSizeChange ? [paginationModel?.pageSize || 5] : [5, 10, 25, 50, 75, 100]
       },
       ...shouldShowPagination && {
         slotProps: {
@@ -3748,6 +3750,7 @@ var Table = ({
       disableColumnMenu: true,
       disableColumnFilter: true,
       loading,
+      ...disablePageSizeChange && { hideFooterRowsPerPage: true },
       localeText: {
         noRowsLabel: "\u0647\u06CC\u0686 \u062F\u0627\u062F\u0647\u200C\u0627\u06CC \u06CC\u0627\u0641\u062A \u0646\u0634\u062F!",
         noResultsOverlayLabel: "\u0647\u06CC\u0686 \u062F\u0627\u062F\u0647\u200C\u0627\u06CC \u06CC\u0627\u0641\u062A \u0646\u0634\u062F!",
@@ -5218,6 +5221,94 @@ var DataTable = ({
   return /* @__PURE__ */ React.createElement(import_material_react_table.MaterialReactTable, { table });
 };
 var data_table_default = DataTable;
+
+// src/custom-dialog/index.tsx
+var import_material31 = require("@mui/material");
+var import_md9 = require("react-icons/md");
+function CustomDialog({
+  title,
+  icon: Icon,
+  iconColor,
+  open,
+  onClose,
+  maxWidth = "sm",
+  fullWidth = true,
+  children
+}) {
+  return /* @__PURE__ */ React.createElement(
+    import_material31.Dialog,
+    {
+      open,
+      onClose,
+      maxWidth,
+      fullWidth,
+      PaperComponent: DraggablePaper,
+      disableScrollLock: true
+    },
+    /* @__PURE__ */ React.createElement(
+      import_material31.DialogTitle,
+      {
+        fontWeight: 700,
+        fontSize: "1.2rem",
+        display: "flex",
+        alignItems: "center",
+        gap: "4px",
+        sx: { cursor: "move" },
+        id: "draggable-dialog"
+      },
+      /* @__PURE__ */ React.createElement(import_material31.Stack, { direction: "row", alignItems: "center", spacing: 0.5 }, /* @__PURE__ */ React.createElement(import_material31.Box, null, Icon && /* @__PURE__ */ React.createElement(
+        import_material31.Stack,
+        {
+          alignItems: "center",
+          sx: {
+            color: iconColor ? (theme3) => {
+              const paletteColors = [
+                "primary",
+                "secondary",
+                "error",
+                "warning",
+                "info",
+                "success",
+                "tertiary",
+                "accent",
+                "successLight",
+                "orange",
+                "indigo",
+                "teal",
+                "pinkLight",
+                "aqua",
+                "customRed"
+              ];
+              if (paletteColors.includes(iconColor)) {
+                const palette = theme3.palette;
+                return palette[iconColor]?.main || iconColor;
+              }
+              return iconColor;
+            } : (theme3) => theme3.palette.info.main,
+            pr: 0.5
+          }
+        },
+        /* @__PURE__ */ React.createElement(Icon, { size: 20 })
+      )), /* @__PURE__ */ React.createElement(import_material31.Box, null, title))
+    ),
+    /* @__PURE__ */ React.createElement(import_material31.Tooltip, { title: "\u0628\u0633\u062A\u0646" }, /* @__PURE__ */ React.createElement(
+      import_material31.IconButton,
+      {
+        "aria-label": "close",
+        onClick: onClose,
+        sx: {
+          position: "absolute",
+          right: 8,
+          top: 8,
+          color: (theme3) => theme3.palette.grey[500]
+        }
+      },
+      /* @__PURE__ */ React.createElement(import_md9.MdClose, null)
+    )),
+    /* @__PURE__ */ React.createElement(import_material31.Divider, null),
+    /* @__PURE__ */ React.createElement(import_material31.DialogContent, null, children)
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,
@@ -5225,6 +5316,7 @@ var data_table_default = DataTable;
   ConfirmationDialog,
   ConnectToBasculeButton,
   CustomCheckbox,
+  CustomDialog,
   CustomTimePicker,
   DataTable,
   DateFilter,