@mamrp/components 1.7.48 → 1.7.51
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +345 -330
- package/dist/index.d.ts +345 -330
- package/dist/index.js +4886 -4212
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +4812 -4121
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -1
package/dist/index.d.mts
CHANGED
|
@@ -1,13 +1,20 @@
|
|
|
1
|
+
import { MRT_ColumnDef, MRT_PaginationState, MRT_ColumnFiltersState, MRT_SortingState, MRT_TableOptions } from 'material-react-table';
|
|
2
|
+
export { MRT_ColumnDef } from 'material-react-table';
|
|
1
3
|
import * as React$1 from 'react';
|
|
2
4
|
import React__default, { ReactNode, CSSProperties, Dispatch, SetStateAction } from 'react';
|
|
3
5
|
import { Control, FieldValues, Path, FieldErrors, UseFormSetValue } from 'react-hook-form';
|
|
6
|
+
import { DialogProps, PaperProps, SxProps, Theme } from '@mui/material';
|
|
7
|
+
import { IconType } from 'react-icons';
|
|
4
8
|
import { Moment } from 'moment-jalaali';
|
|
5
|
-
import { SxProps, Theme, PaperProps, DialogProps } from '@mui/material';
|
|
6
9
|
import { GridColDef, GridRowSelectionModel, GridRowParams } from '@mui/x-data-grid';
|
|
7
10
|
import { TextFieldProps } from '@mui/material/TextField';
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
+
|
|
12
|
+
declare function Page({ data, }: {
|
|
13
|
+
data: [{
|
|
14
|
+
title: string;
|
|
15
|
+
body: ReactNode;
|
|
16
|
+
}];
|
|
17
|
+
}): React$1.JSX.Element;
|
|
11
18
|
|
|
12
19
|
interface MultipleSelectChipProps {
|
|
13
20
|
name: string;
|
|
@@ -24,6 +31,15 @@ interface MultipleSelectChipProps {
|
|
|
24
31
|
}
|
|
25
32
|
declare function MultipleSelectChip({ name, control, label, data, multipleitems, isLoading, disabled, size, clear, variant, placeholder, }: MultipleSelectChipProps): React$1.JSX.Element;
|
|
26
33
|
|
|
34
|
+
type ConnectToBasculeButtonProps = {
|
|
35
|
+
baudRate: number;
|
|
36
|
+
dataBits?: number;
|
|
37
|
+
stopBits?: number;
|
|
38
|
+
parity?: "none" | "even" | "odd";
|
|
39
|
+
flowControl?: "none" | "hardware";
|
|
40
|
+
};
|
|
41
|
+
declare const ConnectToBasculeButton: React__default.FC<ConnectToBasculeButtonProps>;
|
|
42
|
+
|
|
27
43
|
interface AdvancedSearchButtonProps {
|
|
28
44
|
isShowFilter: boolean;
|
|
29
45
|
setIsShowFilter: React__default.Dispatch<React__default.SetStateAction<boolean>>;
|
|
@@ -66,336 +82,62 @@ interface ConfirmationDialogProps$1 {
|
|
|
66
82
|
}
|
|
67
83
|
declare function ConfirmationDialog$1({ open, handleClose, callback, callbackParams, headerText, bodyText, isLoading, maxWidth, iconColor, color, actionTitle, icon, }: ConfirmationDialogProps$1): React$1.JSX.Element;
|
|
68
84
|
|
|
69
|
-
interface
|
|
85
|
+
interface CustomDateTimePickerProps {
|
|
70
86
|
name: string;
|
|
71
87
|
control: Control<any>;
|
|
72
88
|
label: string;
|
|
73
89
|
size?: "small" | "medium";
|
|
74
|
-
|
|
75
|
-
autoRefresh?: boolean;
|
|
76
|
-
disabled?: boolean;
|
|
77
|
-
variant?: "outlined" | "standard";
|
|
78
|
-
}
|
|
79
|
-
declare function CustomTimePicker({ name, control, label, size, fullwidth, autoRefresh, disabled, variant, }: CustomTimePickerProps): React$1.JSX.Element;
|
|
80
|
-
|
|
81
|
-
declare function DateFilterRange({ FromDate, ToDate }: {
|
|
82
|
-
FromDate: any;
|
|
83
|
-
ToDate: any;
|
|
84
|
-
}): React$1.JSX.Element;
|
|
85
|
-
|
|
86
|
-
interface DateFilterProps {
|
|
87
|
-
setHandler?: (date: string) => void;
|
|
88
|
-
}
|
|
89
|
-
declare function DateFilter({ setHandler }: DateFilterProps): React$1.JSX.Element;
|
|
90
|
-
|
|
91
|
-
interface JalaliDatePickerProps$2 {
|
|
92
|
-
name: string;
|
|
93
|
-
control: Control<any>;
|
|
94
|
-
label: string;
|
|
95
|
-
size?: "medium" | "small";
|
|
96
|
-
disabled?: boolean;
|
|
97
|
-
persian?: boolean;
|
|
98
|
-
align?: "right" | "center" | "left";
|
|
99
|
-
isLoading?: boolean;
|
|
100
|
-
maxDate?: any;
|
|
101
|
-
minDate?: any;
|
|
102
|
-
clear?: boolean;
|
|
103
|
-
views?: ("year" | "month" | "day")[];
|
|
104
|
-
variant?: "outlined" | "standard";
|
|
105
|
-
}
|
|
106
|
-
declare const JalaliDatePicker$2: React__default.FC<JalaliDatePickerProps$2>;
|
|
107
|
-
|
|
108
|
-
interface JalaliDatePickerProps$1 {
|
|
109
|
-
name: string;
|
|
110
|
-
control: Control<any>;
|
|
111
|
-
label: string;
|
|
112
|
-
size?: "medium" | "small";
|
|
90
|
+
fullWidth?: boolean;
|
|
113
91
|
disabled?: boolean;
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
centeredTime?: boolean;
|
|
92
|
+
showTime?: boolean;
|
|
93
|
+
minDate?: string;
|
|
94
|
+
maxDate?: string;
|
|
95
|
+
clearable?: boolean;
|
|
119
96
|
variant?: "outlined" | "standard";
|
|
120
97
|
}
|
|
121
|
-
declare
|
|
98
|
+
declare function CustomDateTimePicker({ name, control, label, size, fullWidth, disabled, showTime, minDate, maxDate, clearable, variant, }: CustomDateTimePickerProps): React$1.JSX.Element;
|
|
122
99
|
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
100
|
+
type PaletteColor = "primary" | "secondary" | "error" | "warning" | "info" | "success" | "tertiary" | "accent" | "successLight" | "orange" | "indigo" | "teal" | "pinkLight" | "aqua" | "customRed";
|
|
101
|
+
interface CustomDialogProps {
|
|
102
|
+
title: string;
|
|
103
|
+
icon?: IconType;
|
|
104
|
+
iconColor?: PaletteColor;
|
|
105
|
+
open: boolean;
|
|
106
|
+
onClose: () => void;
|
|
107
|
+
maxWidth?: DialogProps["maxWidth"];
|
|
108
|
+
fullWidth?: boolean;
|
|
109
|
+
children: ReactNode;
|
|
110
|
+
actions?: ReactNode;
|
|
111
|
+
isSubmiting?: boolean;
|
|
131
112
|
}
|
|
132
|
-
declare
|
|
113
|
+
declare function CustomDialog({ title, icon: Icon, iconColor, open, onClose, maxWidth, fullWidth, children, actions, isSubmiting, }: CustomDialogProps): React$1.JSX.Element;
|
|
133
114
|
|
|
134
|
-
interface
|
|
115
|
+
interface CustomTimePickerProps {
|
|
135
116
|
name: string;
|
|
136
117
|
control: Control<any>;
|
|
137
118
|
label: string;
|
|
138
|
-
size?: "medium" | "small";
|
|
139
|
-
disabled?: boolean;
|
|
140
|
-
align?: "right" | "center" | "left";
|
|
141
|
-
isLoading?: boolean;
|
|
142
|
-
maxDate?: any;
|
|
143
|
-
minDate?: any;
|
|
144
|
-
clear?: boolean;
|
|
145
|
-
}
|
|
146
|
-
declare const DateMonthPicker: React__default.FC<DateMonthPickerProps>;
|
|
147
|
-
|
|
148
|
-
interface LicensePlateProps {
|
|
149
|
-
width?: CSSProperties["width"];
|
|
150
|
-
name?: string;
|
|
151
|
-
setValue?: any;
|
|
152
|
-
data?: string;
|
|
153
|
-
readOnly?: boolean;
|
|
154
|
-
size?: "small" | "medium";
|
|
155
|
-
}
|
|
156
|
-
declare function LicensePlate({ width, name, setValue, data, readOnly, size, }: LicensePlateProps): React$1.JSX.Element;
|
|
157
|
-
|
|
158
|
-
interface SearchLicensePlateProps {
|
|
159
|
-
width?: CSSProperties["width"];
|
|
160
|
-
part: string[];
|
|
161
|
-
setValue?: any;
|
|
162
|
-
data?: string;
|
|
163
|
-
readOnly?: boolean;
|
|
164
119
|
size?: "small" | "medium";
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
interface JalaliDatePickerProps {
|
|
169
|
-
name: string;
|
|
170
|
-
control: Control<any>;
|
|
171
|
-
label: string;
|
|
172
|
-
size?: "small" | "small";
|
|
120
|
+
fullwidth?: boolean;
|
|
121
|
+
autoRefresh?: boolean;
|
|
173
122
|
disabled?: boolean;
|
|
174
|
-
|
|
175
|
-
readOnly?: boolean;
|
|
176
|
-
isLoading?: boolean;
|
|
177
|
-
}
|
|
178
|
-
declare const JalaliDatePicker: React__default.FC<JalaliDatePickerProps>;
|
|
179
|
-
|
|
180
|
-
interface ConfirmationDialogProps {
|
|
181
|
-
open: boolean;
|
|
182
|
-
handleClose: () => void;
|
|
183
|
-
callback: (params: any) => void;
|
|
184
|
-
callbackParams: any;
|
|
185
|
-
headerText: string;
|
|
186
|
-
bodyText: ReactNode;
|
|
187
|
-
isLoading?: boolean;
|
|
188
|
-
}
|
|
189
|
-
declare function ConfirmationDialog({ open, handleClose, callback, callbackParams, headerText, bodyText, isLoading, }: ConfirmationDialogProps): React$1.JSX.Element;
|
|
190
|
-
|
|
191
|
-
interface NoResultProps {
|
|
192
|
-
title?: string;
|
|
193
|
-
description?: string;
|
|
194
|
-
sx?: SxProps<Theme>;
|
|
195
|
-
}
|
|
196
|
-
declare function NoResult({ title, description, sx, }: NoResultProps): React__default.JSX.Element;
|
|
197
|
-
|
|
198
|
-
interface PaginationListProps {
|
|
199
|
-
currentPage: number;
|
|
200
|
-
setCurrentPage: React$1.Dispatch<React$1.SetStateAction<number>>;
|
|
201
|
-
totalPages: number;
|
|
202
|
-
}
|
|
203
|
-
declare function PaginationList({ currentPage, setCurrentPage, totalPages, }: PaginationListProps): React$1.JSX.Element;
|
|
204
|
-
|
|
205
|
-
declare function RadioButton({ name, label, options, control, align, disabledBoarder, direction, }: {
|
|
206
|
-
name: string;
|
|
207
|
-
label: string | React$1.ReactNode;
|
|
208
|
-
control: Control<any>;
|
|
209
|
-
options: {
|
|
210
|
-
value: any;
|
|
211
|
-
name: string;
|
|
212
|
-
id: any;
|
|
213
|
-
}[];
|
|
214
|
-
align?: "start" | "center" | "end";
|
|
215
|
-
disabledBoarder?: boolean;
|
|
216
|
-
direction?: "row" | "column";
|
|
217
|
-
}): React$1.JSX.Element;
|
|
218
|
-
|
|
219
|
-
declare const NestedSelect: React__default.FC;
|
|
220
|
-
|
|
221
|
-
declare function SonarSpinner({ children }: {
|
|
222
|
-
children: any;
|
|
223
|
-
}): React__default.JSX.Element;
|
|
224
|
-
|
|
225
|
-
interface HorizontalStepperProps {
|
|
226
|
-
steps: string[];
|
|
227
|
-
currentStep: number;
|
|
228
|
-
setCurrentStep: (newStep: number) => void;
|
|
229
|
-
}
|
|
230
|
-
declare function HorizontalStepper({ steps, currentStep, setCurrentStep, }: HorizontalStepperProps): React$1.JSX.Element;
|
|
231
|
-
|
|
232
|
-
interface StateType {
|
|
233
|
-
page: number;
|
|
234
|
-
pageSize: number;
|
|
123
|
+
variant?: "outlined" | "standard";
|
|
235
124
|
}
|
|
236
|
-
|
|
237
|
-
columns: GridColDef[];
|
|
238
|
-
rows: object[];
|
|
239
|
-
paginationModel?: StateType;
|
|
240
|
-
setPaginationModel?: Dispatch<SetStateAction<StateType>>;
|
|
241
|
-
totalRows?: number;
|
|
242
|
-
rowId?: any;
|
|
243
|
-
loading: boolean;
|
|
244
|
-
_CustomFooter?: any;
|
|
245
|
-
_tools?: React__default.ReactNode;
|
|
246
|
-
pagingmode?: "client" | "server";
|
|
247
|
-
rowInPage?: number;
|
|
248
|
-
evenRowBgColor?: string;
|
|
249
|
-
highlightedRowId?: string | number;
|
|
250
|
-
sortFieldMapping?: {
|
|
251
|
-
[key: string]: string;
|
|
252
|
-
};
|
|
253
|
-
setsortQuery?: Dispatch<SetStateAction<any | null>>;
|
|
254
|
-
sortQuery?: any;
|
|
255
|
-
fontSize?: number | string;
|
|
256
|
-
checkboxSelection?: boolean;
|
|
257
|
-
selectedRows?: GridRowSelectionModel;
|
|
258
|
-
setSelectedRows?: Dispatch<SetStateAction<GridRowSelectionModel>>;
|
|
259
|
-
isRowSelectable?: (params: GridRowParams) => boolean;
|
|
260
|
-
disablePageSizeChange?: boolean;
|
|
261
|
-
};
|
|
262
|
-
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;
|
|
125
|
+
declare function CustomTimePicker({ name, control, label, size, fullwidth, autoRefresh, disabled, variant, }: CustomTimePickerProps): React$1.JSX.Element;
|
|
263
126
|
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
data?: any;
|
|
279
|
-
borderColor?: string;
|
|
280
|
-
decimalScale?: number;
|
|
281
|
-
placeholder?: string;
|
|
282
|
-
nputRef?: any;
|
|
283
|
-
onKeyDown?: any;
|
|
284
|
-
textAlign?: "left" | "right" | "center";
|
|
285
|
-
autoComplete?: string;
|
|
286
|
-
variant?: "outlined" | "filled" | "standard";
|
|
287
|
-
} & TextFieldProps;
|
|
288
|
-
declare const FormInputNumber: <T extends FieldValues>({ name, control, label, inputRef, onKeyDown, endAdornment, thousandSeparator, startAdornment, onChangeHandler, valueHandler, allowLeadingZeros, allowNegative, maxLength, isLoading, rules, data, borderColor, placeholder, decimalScale, autoComplete, textAlign, variant, ...rest }: FormInputNumberProps<T>) => React__default.JSX.Element;
|
|
289
|
-
|
|
290
|
-
type FormInputTextProps$1<T extends FieldValues> = {
|
|
291
|
-
control: Control<T>;
|
|
292
|
-
name: Path<T>;
|
|
293
|
-
label?: string;
|
|
294
|
-
maxLength?: number;
|
|
295
|
-
readOnly?: boolean;
|
|
296
|
-
rules?: any;
|
|
297
|
-
size?: "medium" | "small";
|
|
298
|
-
disabled?: boolean;
|
|
299
|
-
multiline?: boolean;
|
|
300
|
-
isLoading?: boolean;
|
|
301
|
-
onBlurHandler?: any;
|
|
302
|
-
rows?: number;
|
|
303
|
-
variant?: "outlined" | "filled" | "standard";
|
|
304
|
-
} & TextFieldProps;
|
|
305
|
-
declare const FormInputText: <T extends FieldValues>({ name, control, label, maxLength, readOnly, rules, size, disabled, multiline, isLoading, onBlurHandler, rows, variant, ...rest }: FormInputTextProps$1<T>) => React__default.JSX.Element;
|
|
306
|
-
|
|
307
|
-
type FormInputTextProps<T extends FieldValues> = {
|
|
308
|
-
control: Control<T>;
|
|
309
|
-
name: Path<T>;
|
|
310
|
-
label?: string;
|
|
311
|
-
maxLength?: number;
|
|
312
|
-
readOnly?: boolean;
|
|
313
|
-
rules?: any;
|
|
314
|
-
size?: "medium" | "small";
|
|
315
|
-
disabled?: boolean;
|
|
316
|
-
multiline?: boolean;
|
|
317
|
-
isLoading?: boolean;
|
|
318
|
-
onBlurHandler?: any;
|
|
319
|
-
rows?: number;
|
|
320
|
-
groupEvery?: number;
|
|
321
|
-
groupSeparator?: string;
|
|
322
|
-
formatPattern?: string;
|
|
323
|
-
} & TextFieldProps;
|
|
324
|
-
declare const PatternTextField: <T extends FieldValues>({ name, control, label, maxLength, readOnly, rules, size, disabled, multiline, isLoading, onBlurHandler, rows, groupEvery, groupSeparator, formatPattern, ...rest }: FormInputTextProps<T>) => React__default.JSX.Element;
|
|
325
|
-
|
|
326
|
-
type UploadImageProps$1<T extends FieldValues> = {
|
|
327
|
-
placeholder: string;
|
|
328
|
-
name: Path<T>;
|
|
329
|
-
selectedImage: string | null;
|
|
330
|
-
setSelectedImage: React__default.Dispatch<React__default.SetStateAction<string | null>>;
|
|
331
|
-
control: Control<T>;
|
|
332
|
-
errors: FieldErrors<T>;
|
|
333
|
-
setValue: UseFormSetValue<T>;
|
|
334
|
-
height?: string;
|
|
335
|
-
allowGallery?: boolean;
|
|
336
|
-
imageFit?: "contain" | "cover";
|
|
337
|
-
disableCamera?: boolean;
|
|
338
|
-
};
|
|
339
|
-
declare const UploadImage$1: <T extends FieldValues>({ placeholder, name, selectedImage, setSelectedImage, control, errors, setValue, height, allowGallery, imageFit, disableCamera, }: UploadImageProps$1<T>) => React__default.JSX.Element;
|
|
340
|
-
|
|
341
|
-
type UploadImageProps<T extends FieldValues> = {
|
|
342
|
-
placeholder: string;
|
|
343
|
-
name: Path<T>;
|
|
344
|
-
selectedImage: string | null;
|
|
345
|
-
setSelectedImage: React__default.Dispatch<React__default.SetStateAction<string | null>>;
|
|
346
|
-
control: Control<T>;
|
|
347
|
-
errors: FieldErrors<T>;
|
|
348
|
-
setValue: UseFormSetValue<T>;
|
|
349
|
-
height?: string;
|
|
350
|
-
allowGallery?: boolean;
|
|
351
|
-
imageFit?: "contain" | "cover";
|
|
352
|
-
};
|
|
353
|
-
declare const UploadImage: <T extends FieldValues>({ placeholder, name, selectedImage, setSelectedImage, control, errors, setValue, height, allowGallery, imageFit, }: UploadImageProps<T>) => React__default.JSX.Element;
|
|
354
|
-
|
|
355
|
-
declare function Page({ data, }: {
|
|
356
|
-
data: [{
|
|
357
|
-
title: string;
|
|
358
|
-
body: ReactNode;
|
|
359
|
-
}];
|
|
360
|
-
}): React$1.JSX.Element;
|
|
361
|
-
|
|
362
|
-
type SwitchButtonProps = {
|
|
363
|
-
checked: boolean;
|
|
364
|
-
handleChange: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
|
|
365
|
-
iconChecked?: React__default.ReactNode;
|
|
366
|
-
iconUnchecked?: React__default.ReactNode;
|
|
367
|
-
};
|
|
368
|
-
declare const SwitchButton: React__default.FC<SwitchButtonProps>;
|
|
369
|
-
|
|
370
|
-
type ConnectToBasculeButtonProps = {
|
|
371
|
-
baudRate: number;
|
|
372
|
-
dataBits?: number;
|
|
373
|
-
stopBits?: number;
|
|
374
|
-
parity?: "none" | "even" | "odd";
|
|
375
|
-
flowControl?: "none" | "hardware";
|
|
376
|
-
};
|
|
377
|
-
declare const ConnectToBasculeButton: React__default.FC<ConnectToBasculeButtonProps>;
|
|
378
|
-
|
|
379
|
-
interface DraggablePaperProps extends PaperProps {
|
|
380
|
-
handle?: string;
|
|
381
|
-
cancel?: string;
|
|
382
|
-
}
|
|
383
|
-
declare function DraggablePaper({ handle, cancel, ...props }: DraggablePaperProps): React$1.JSX.Element;
|
|
384
|
-
|
|
385
|
-
/**
|
|
386
|
-
* Props کامپوننت DataTable
|
|
387
|
-
*
|
|
388
|
-
* این اینترفیس تمام گزینههای قابل تنظیم برای کامپوننت DataTable را تعریف میکند
|
|
389
|
-
* و مستقیماً با خروجی useTableState سازگار است
|
|
390
|
-
*
|
|
391
|
-
* @template T - نوع دادههای جدول (مثال: Car، User، Product)
|
|
392
|
-
*/
|
|
393
|
-
type DataTableProps<T extends Record<string, any>> = {
|
|
394
|
-
/** آرایه دادههای جدول */
|
|
395
|
-
data: T[];
|
|
396
|
-
/** تعریف ستونهای جدول */
|
|
397
|
-
columns: MRT_ColumnDef<T>[];
|
|
398
|
-
/** آیا جدول در حال بارگذاری است */
|
|
127
|
+
/**
|
|
128
|
+
* Props کامپوننت DataTable
|
|
129
|
+
*
|
|
130
|
+
* این اینترفیس تمام گزینههای قابل تنظیم برای کامپوننت DataTable را تعریف میکند
|
|
131
|
+
* و مستقیماً با خروجی useTableState سازگار است
|
|
132
|
+
*
|
|
133
|
+
* @template T - نوع دادههای جدول (مثال: Car، User، Product)
|
|
134
|
+
*/
|
|
135
|
+
type DataTableProps<T extends Record<string, any>> = {
|
|
136
|
+
/** آرایه دادههای جدول */
|
|
137
|
+
data: T[];
|
|
138
|
+
/** تعریف ستونهای جدول */
|
|
139
|
+
columns: MRT_ColumnDef<T>[];
|
|
140
|
+
/** آیا جدول در حال بارگذاری است */
|
|
399
141
|
isLoading?: boolean;
|
|
400
142
|
/** آیا دادهها در حال بهروزرسانی هستند */
|
|
401
143
|
isRefetching?: boolean;
|
|
@@ -690,6 +432,93 @@ type DataTableProps<T extends Record<string, any>> = {
|
|
|
690
432
|
*/
|
|
691
433
|
declare const DataTable: <T extends Record<string, any>>({ data, columns, isLoading, isRefetching, pagination, onPaginationChange, totalRows, manualPagination, disablePagination, 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, layoutMode, renderDetailPanel, refetch, }: DataTableProps<T>) => React$1.JSX.Element;
|
|
692
434
|
|
|
435
|
+
interface DateFilterProps {
|
|
436
|
+
setHandler?: (date: string) => void;
|
|
437
|
+
}
|
|
438
|
+
declare function DateFilter({ setHandler }: DateFilterProps): React$1.JSX.Element;
|
|
439
|
+
|
|
440
|
+
declare function DateFilterRange({ FromDate, ToDate }: {
|
|
441
|
+
FromDate: any;
|
|
442
|
+
ToDate: any;
|
|
443
|
+
}): React$1.JSX.Element;
|
|
444
|
+
|
|
445
|
+
interface DateMonthPickerProps {
|
|
446
|
+
name: string;
|
|
447
|
+
control: Control<any>;
|
|
448
|
+
label: string;
|
|
449
|
+
size?: "medium" | "small";
|
|
450
|
+
disabled?: boolean;
|
|
451
|
+
align?: "right" | "center" | "left";
|
|
452
|
+
isLoading?: boolean;
|
|
453
|
+
maxDate?: any;
|
|
454
|
+
minDate?: any;
|
|
455
|
+
clear?: boolean;
|
|
456
|
+
}
|
|
457
|
+
declare const DateMonthPicker: React__default.FC<DateMonthPickerProps>;
|
|
458
|
+
|
|
459
|
+
interface JalaliDatePickerProps$2 {
|
|
460
|
+
name: string;
|
|
461
|
+
control: Control<any>;
|
|
462
|
+
label: string;
|
|
463
|
+
size?: "medium" | "small";
|
|
464
|
+
disabled?: boolean;
|
|
465
|
+
persian?: boolean;
|
|
466
|
+
align?: "right" | "center" | "left";
|
|
467
|
+
isLoading?: boolean;
|
|
468
|
+
maxDate?: any;
|
|
469
|
+
minDate?: any;
|
|
470
|
+
clear?: boolean;
|
|
471
|
+
views?: ("year" | "month" | "day")[];
|
|
472
|
+
variant?: "outlined" | "standard";
|
|
473
|
+
}
|
|
474
|
+
declare const JalaliDatePicker$2: React__default.FC<JalaliDatePickerProps$2>;
|
|
475
|
+
|
|
476
|
+
interface JalaliDatePickerProps$1 {
|
|
477
|
+
name: string;
|
|
478
|
+
control: Control<any>;
|
|
479
|
+
label: string;
|
|
480
|
+
size?: "medium" | "small";
|
|
481
|
+
disabled?: boolean;
|
|
482
|
+
persian?: boolean;
|
|
483
|
+
readOnly?: boolean;
|
|
484
|
+
isLoading?: boolean;
|
|
485
|
+
minDateTime?: Moment;
|
|
486
|
+
centeredTime?: boolean;
|
|
487
|
+
variant?: "outlined" | "standard";
|
|
488
|
+
}
|
|
489
|
+
declare const JalaliDatePicker$1: React__default.FC<JalaliDatePickerProps$1>;
|
|
490
|
+
|
|
491
|
+
interface JalaliDateTimeRangePickerProps {
|
|
492
|
+
control: Control<any>;
|
|
493
|
+
startName: string;
|
|
494
|
+
endName: string;
|
|
495
|
+
startLabel: string;
|
|
496
|
+
endLabel: string;
|
|
497
|
+
disabled?: boolean;
|
|
498
|
+
isLoading?: boolean;
|
|
499
|
+
}
|
|
500
|
+
declare const JalaliDateTimeRangePicker: React__default.FC<JalaliDateTimeRangePickerProps>;
|
|
501
|
+
|
|
502
|
+
interface DraggablePaperProps extends PaperProps {
|
|
503
|
+
handle?: string;
|
|
504
|
+
cancel?: string;
|
|
505
|
+
}
|
|
506
|
+
declare function DraggablePaper({ handle, cancel, ...props }: DraggablePaperProps): React$1.JSX.Element;
|
|
507
|
+
|
|
508
|
+
type UploadImageProps$1<T extends FieldValues> = {
|
|
509
|
+
placeholder: string;
|
|
510
|
+
name: Path<T>;
|
|
511
|
+
selectedImage: string | null;
|
|
512
|
+
setSelectedImage: React__default.Dispatch<React__default.SetStateAction<string | null>>;
|
|
513
|
+
control: Control<T>;
|
|
514
|
+
errors: FieldErrors<T>;
|
|
515
|
+
setValue: UseFormSetValue<T>;
|
|
516
|
+
height?: string;
|
|
517
|
+
allowGallery?: boolean;
|
|
518
|
+
imageFit?: "contain" | "cover";
|
|
519
|
+
};
|
|
520
|
+
declare const UploadImage$1: <T extends FieldValues>({ placeholder, name, selectedImage, setSelectedImage, control, errors, setValue, height, allowGallery, imageFit, }: UploadImageProps$1<T>) => React__default.JSX.Element;
|
|
521
|
+
|
|
693
522
|
declare function imgViewer({ open, handleClose, src, isLoading, title, noResetBtn, noRotate, noZoom, unoptimized, }: {
|
|
694
523
|
open: boolean;
|
|
695
524
|
handleClose: () => void;
|
|
@@ -702,19 +531,205 @@ declare function imgViewer({ open, handleClose, src, isLoading, title, noResetBt
|
|
|
702
531
|
noZoom?: boolean;
|
|
703
532
|
}): React$1.JSX.Element;
|
|
704
533
|
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
534
|
+
interface LicensePlateProps {
|
|
535
|
+
width?: CSSProperties["width"];
|
|
536
|
+
name?: string;
|
|
537
|
+
setValue?: any;
|
|
538
|
+
data?: string;
|
|
539
|
+
readOnly?: boolean;
|
|
540
|
+
size?: "small" | "medium";
|
|
541
|
+
}
|
|
542
|
+
declare function LicensePlate({ width, name, setValue, data, readOnly, size, }: LicensePlateProps): React$1.JSX.Element;
|
|
543
|
+
|
|
544
|
+
interface SearchLicensePlateProps {
|
|
545
|
+
width?: CSSProperties["width"];
|
|
546
|
+
part: string[];
|
|
547
|
+
setValue?: any;
|
|
548
|
+
data?: string;
|
|
549
|
+
readOnly?: boolean;
|
|
550
|
+
size?: "small" | "medium";
|
|
551
|
+
}
|
|
552
|
+
declare function SearchLicensePlate({ width, part, setValue, data, readOnly, size, }: SearchLicensePlateProps): React$1.JSX.Element;
|
|
553
|
+
|
|
554
|
+
interface JalaliDatePickerProps {
|
|
555
|
+
name: string;
|
|
556
|
+
control: Control<any>;
|
|
557
|
+
label: string;
|
|
558
|
+
size?: "small" | "small";
|
|
559
|
+
disabled?: boolean;
|
|
560
|
+
persian?: boolean;
|
|
561
|
+
readOnly?: boolean;
|
|
562
|
+
isLoading?: boolean;
|
|
563
|
+
}
|
|
564
|
+
declare const JalaliDatePicker: React__default.FC<JalaliDatePickerProps>;
|
|
565
|
+
|
|
566
|
+
interface ConfirmationDialogProps {
|
|
710
567
|
open: boolean;
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
|
|
568
|
+
handleClose: () => void;
|
|
569
|
+
callback: (params: any) => void;
|
|
570
|
+
callbackParams: any;
|
|
571
|
+
headerText: string;
|
|
572
|
+
bodyText: ReactNode;
|
|
573
|
+
isLoading?: boolean;
|
|
717
574
|
}
|
|
718
|
-
declare function
|
|
575
|
+
declare function ConfirmationDialog({ open, handleClose, callback, callbackParams, headerText, bodyText, isLoading, }: ConfirmationDialogProps): React$1.JSX.Element;
|
|
576
|
+
|
|
577
|
+
interface NoResultProps {
|
|
578
|
+
title?: string;
|
|
579
|
+
description?: string;
|
|
580
|
+
sx?: SxProps<Theme>;
|
|
581
|
+
}
|
|
582
|
+
declare function NoResult({ title, description, sx, }: NoResultProps): React__default.JSX.Element;
|
|
583
|
+
|
|
584
|
+
interface PaginationListProps {
|
|
585
|
+
currentPage: number;
|
|
586
|
+
setCurrentPage: React$1.Dispatch<React$1.SetStateAction<number>>;
|
|
587
|
+
totalPages: number;
|
|
588
|
+
}
|
|
589
|
+
declare function PaginationList({ currentPage, setCurrentPage, totalPages, }: PaginationListProps): React$1.JSX.Element;
|
|
590
|
+
|
|
591
|
+
declare function RadioButton({ name, label, options, control, align, disabledBoarder, direction, }: {
|
|
592
|
+
name: string;
|
|
593
|
+
label: string | React$1.ReactNode;
|
|
594
|
+
control: Control<any>;
|
|
595
|
+
options: {
|
|
596
|
+
value: any;
|
|
597
|
+
name: string;
|
|
598
|
+
id: any;
|
|
599
|
+
}[];
|
|
600
|
+
align?: "start" | "center" | "end";
|
|
601
|
+
disabledBoarder?: boolean;
|
|
602
|
+
direction?: "row" | "column";
|
|
603
|
+
}): React$1.JSX.Element;
|
|
604
|
+
|
|
605
|
+
declare const NestedSelect: React__default.FC;
|
|
606
|
+
|
|
607
|
+
declare function SonarSpinner({ children }: {
|
|
608
|
+
children: any;
|
|
609
|
+
}): React__default.JSX.Element;
|
|
610
|
+
|
|
611
|
+
interface HorizontalStepperProps {
|
|
612
|
+
steps: string[];
|
|
613
|
+
currentStep: number;
|
|
614
|
+
setCurrentStep: (newStep: number) => void;
|
|
615
|
+
}
|
|
616
|
+
declare function HorizontalStepper({ steps, currentStep, setCurrentStep, }: HorizontalStepperProps): React$1.JSX.Element;
|
|
617
|
+
|
|
618
|
+
type SwitchButtonProps = {
|
|
619
|
+
checked: boolean;
|
|
620
|
+
handleChange: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
|
|
621
|
+
iconChecked?: React__default.ReactNode;
|
|
622
|
+
iconUnchecked?: React__default.ReactNode;
|
|
623
|
+
};
|
|
624
|
+
declare const SwitchButton: React__default.FC<SwitchButtonProps>;
|
|
625
|
+
|
|
626
|
+
interface StateType {
|
|
627
|
+
page: number;
|
|
628
|
+
pageSize: number;
|
|
629
|
+
}
|
|
630
|
+
type TapleProps = {
|
|
631
|
+
columns: GridColDef[];
|
|
632
|
+
rows: object[];
|
|
633
|
+
paginationModel?: StateType;
|
|
634
|
+
setPaginationModel?: Dispatch<SetStateAction<StateType>>;
|
|
635
|
+
totalRows?: number;
|
|
636
|
+
rowId?: any;
|
|
637
|
+
loading: boolean;
|
|
638
|
+
_CustomFooter?: any;
|
|
639
|
+
_tools?: React__default.ReactNode;
|
|
640
|
+
pagingmode?: "client" | "server";
|
|
641
|
+
rowInPage?: number;
|
|
642
|
+
evenRowBgColor?: string;
|
|
643
|
+
highlightedRowId?: string | number;
|
|
644
|
+
sortFieldMapping?: {
|
|
645
|
+
[key: string]: string;
|
|
646
|
+
};
|
|
647
|
+
setsortQuery?: Dispatch<SetStateAction<any | null>>;
|
|
648
|
+
sortQuery?: any;
|
|
649
|
+
fontSize?: number | string;
|
|
650
|
+
checkboxSelection?: boolean;
|
|
651
|
+
selectedRows?: GridRowSelectionModel;
|
|
652
|
+
setSelectedRows?: Dispatch<SetStateAction<GridRowSelectionModel>>;
|
|
653
|
+
isRowSelectable?: (params: GridRowParams) => boolean;
|
|
654
|
+
disablePageSizeChange?: boolean;
|
|
655
|
+
};
|
|
656
|
+
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;
|
|
657
|
+
|
|
658
|
+
type FormInputTextProps$1<T extends FieldValues> = {
|
|
659
|
+
control: Control<T>;
|
|
660
|
+
name: Path<T>;
|
|
661
|
+
label?: string;
|
|
662
|
+
maxLength?: number;
|
|
663
|
+
readOnly?: boolean;
|
|
664
|
+
rules?: any;
|
|
665
|
+
size?: "medium" | "small";
|
|
666
|
+
disabled?: boolean;
|
|
667
|
+
multiline?: boolean;
|
|
668
|
+
isLoading?: boolean;
|
|
669
|
+
onBlurHandler?: any;
|
|
670
|
+
rows?: number;
|
|
671
|
+
groupEvery?: number;
|
|
672
|
+
groupSeparator?: string;
|
|
673
|
+
formatPattern?: string;
|
|
674
|
+
} & TextFieldProps;
|
|
675
|
+
declare const PatternTextField: <T extends FieldValues>({ name, control, label, maxLength, readOnly, rules, size, disabled, multiline, isLoading, onBlurHandler, rows, groupEvery, groupSeparator, formatPattern, ...rest }: FormInputTextProps$1<T>) => React__default.JSX.Element;
|
|
676
|
+
|
|
677
|
+
type FormInputNumberProps<T extends FieldValues> = {
|
|
678
|
+
control: Control<T>;
|
|
679
|
+
name: Path<T>;
|
|
680
|
+
label?: string | ReactNode;
|
|
681
|
+
endAdornment?: ReactNode;
|
|
682
|
+
startAdornment?: ReactNode;
|
|
683
|
+
thousandSeparator?: string | null;
|
|
684
|
+
allowLeadingZeros?: boolean;
|
|
685
|
+
allowNegative?: boolean;
|
|
686
|
+
onChangeHandler?: (param: any, onChange: (data: any) => void, value: any) => void;
|
|
687
|
+
valueHandler?: (value: any) => void;
|
|
688
|
+
maxLength?: number;
|
|
689
|
+
rules?: any;
|
|
690
|
+
isLoading?: boolean;
|
|
691
|
+
data?: any;
|
|
692
|
+
borderColor?: string;
|
|
693
|
+
decimalScale?: number;
|
|
694
|
+
placeholder?: string;
|
|
695
|
+
nputRef?: any;
|
|
696
|
+
onKeyDown?: any;
|
|
697
|
+
textAlign?: "left" | "right" | "center";
|
|
698
|
+
autoComplete?: string;
|
|
699
|
+
variant?: "outlined" | "filled" | "standard";
|
|
700
|
+
} & TextFieldProps;
|
|
701
|
+
declare const FormInputNumber: <T extends FieldValues>({ name, control, label, inputRef, onKeyDown, endAdornment, thousandSeparator, startAdornment, onChangeHandler, valueHandler, allowLeadingZeros, allowNegative, maxLength, isLoading, rules, data, borderColor, placeholder, decimalScale, autoComplete, textAlign, variant, ...rest }: FormInputNumberProps<T>) => React__default.JSX.Element;
|
|
702
|
+
|
|
703
|
+
type FormInputTextProps<T extends FieldValues> = {
|
|
704
|
+
control: Control<T>;
|
|
705
|
+
name: Path<T>;
|
|
706
|
+
label?: string;
|
|
707
|
+
maxLength?: number;
|
|
708
|
+
readOnly?: boolean;
|
|
709
|
+
rules?: any;
|
|
710
|
+
size?: "medium" | "small";
|
|
711
|
+
disabled?: boolean;
|
|
712
|
+
multiline?: boolean;
|
|
713
|
+
isLoading?: boolean;
|
|
714
|
+
onBlurHandler?: any;
|
|
715
|
+
rows?: number;
|
|
716
|
+
variant?: "outlined" | "filled" | "standard";
|
|
717
|
+
} & TextFieldProps;
|
|
718
|
+
declare const FormInputText: <T extends FieldValues>({ name, control, label, maxLength, readOnly, rules, size, disabled, multiline, isLoading, onBlurHandler, rows, variant, ...rest }: FormInputTextProps<T>) => React__default.JSX.Element;
|
|
719
|
+
|
|
720
|
+
type UploadImageProps<T extends FieldValues> = {
|
|
721
|
+
placeholder: string;
|
|
722
|
+
name: Path<T>;
|
|
723
|
+
selectedImage: string | null;
|
|
724
|
+
setSelectedImage: React__default.Dispatch<React__default.SetStateAction<string | null>>;
|
|
725
|
+
control: Control<T>;
|
|
726
|
+
errors: FieldErrors<T>;
|
|
727
|
+
setValue: UseFormSetValue<T>;
|
|
728
|
+
height?: string;
|
|
729
|
+
allowGallery?: boolean;
|
|
730
|
+
imageFit?: "contain" | "cover";
|
|
731
|
+
disableCamera?: boolean;
|
|
732
|
+
};
|
|
733
|
+
declare const UploadImage: <T extends FieldValues>({ placeholder, name, selectedImage, setSelectedImage, control, errors, setValue, height, allowGallery, imageFit, disableCamera, }: UploadImageProps<T>) => React__default.JSX.Element;
|
|
719
734
|
|
|
720
|
-
export { Page as Accordion, AdvancedSearchButton, ConfirmationDialog$1 as ConfirmationDialog, ConnectToBasculeButton, CustomCheckbox, CustomDialog, type CustomDialogProps, CustomTimePicker, DataTable, DateFilter, DateFilterRange, DateMonthPicker, JalaliDatePicker$2 as DatePicker, JalaliDatePicker$1 as DateTimePicker, JalaliDateTimeRangePicker as DateTimeRangePicker, DraggablePaper, UploadImage as EnhancedUploadImage, FormInputNumber, FormInputText, HorizontalStepper, imgViewer as ImgViewer, LicensePlate, JalaliDatePicker as MobileDateTimePicker, ConfirmationDialog as Modal, NestedSelect as NestedSelectort, NoResult, PaginationList, type PaletteColor, PatternTextField, RadioButton, SearchLicensePlate, MultipleSelectChip as Selector, SkeletonCard, SonarSpinner, SwitchButton, Table, UploadImage
|
|
735
|
+
export { Page as Accordion, AdvancedSearchButton, ConfirmationDialog$1 as ConfirmationDialog, ConnectToBasculeButton, CustomCheckbox, CustomDateTimePicker, CustomDialog, type CustomDialogProps, CustomTimePicker, DataTable, DateFilter, DateFilterRange, DateMonthPicker, JalaliDatePicker$2 as DatePicker, JalaliDatePicker$1 as DateTimePicker, JalaliDateTimeRangePicker as DateTimeRangePicker, DraggablePaper, UploadImage$1 as EnhancedUploadImage, FormInputNumber, FormInputText, HorizontalStepper, imgViewer as ImgViewer, LicensePlate, JalaliDatePicker as MobileDateTimePicker, ConfirmationDialog as Modal, NestedSelect as NestedSelectort, NoResult, PaginationList, type PaletteColor, PatternTextField, RadioButton, SearchLicensePlate, MultipleSelectChip as Selector, SkeletonCard, SonarSpinner, SwitchButton, Table, UploadImage };
|