componentes-sinco 1.0.40 → 1.1.0
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/package.json +12 -7
- package/dist/index.cjs +0 -7187
- package/dist/index.cjs.map +0 -1
- package/dist/index.css +0 -43
- package/dist/index.css.map +0 -1
- package/dist/index.d.cts +0 -684
- package/dist/index.d.ts +0 -684
- package/dist/index.js +0 -7112
- package/dist/index.js.map +0 -1
package/dist/index.d.ts
DELETED
|
@@ -1,684 +0,0 @@
|
|
|
1
|
-
import * as React$1 from 'react';
|
|
2
|
-
import React__default, { ComponentType, ReactNode } from 'react';
|
|
3
|
-
import * as _mui_material from '@mui/material';
|
|
4
|
-
import { SxProps } from '@mui/material';
|
|
5
|
-
import * as Muicon from '@mui/icons-material';
|
|
6
|
-
import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
|
|
7
|
-
import dayjs, { Dayjs } from 'dayjs';
|
|
8
|
-
import * as _mui_material_styles from '@mui/material/styles';
|
|
9
|
-
|
|
10
|
-
interface UploadedFile$1 {
|
|
11
|
-
name: string;
|
|
12
|
-
size: number;
|
|
13
|
-
type: string;
|
|
14
|
-
progress: number;
|
|
15
|
-
uploadError?: boolean;
|
|
16
|
-
}
|
|
17
|
-
interface AttachmentProps<T> {
|
|
18
|
-
sx?: SxProps;
|
|
19
|
-
files?: T[];
|
|
20
|
-
error?: boolean;
|
|
21
|
-
compact?: boolean;
|
|
22
|
-
maxSize?: number;
|
|
23
|
-
fileAccepted?: string;
|
|
24
|
-
onChange?: (archivos: File[]) => void;
|
|
25
|
-
onLoading?: boolean;
|
|
26
|
-
downloadAction?: (name: string) => void;
|
|
27
|
-
deleteAction?: (name: string) => Promise<void> | void;
|
|
28
|
-
initialFiles?: UploadedFile$1[];
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
declare const Attachment: ({ sx, compact, error, maxSize, fileAccepted, onLoading, onChange, downloadAction, deleteAction, initialFiles, }: AttachmentProps<any>) => React__default.JSX.Element;
|
|
32
|
-
|
|
33
|
-
type ReplyPalette$1 = "primary" | "secondary" | "warning" | "info" | "success" | "error" | any;
|
|
34
|
-
type ReplyTextPalette = "primary" | "secondary" | "disabled";
|
|
35
|
-
type ReplyVariants = "outlined" | "filled" | "standard";
|
|
36
|
-
type ReplyButtonVariants = "text" | "contained" | "outlined";
|
|
37
|
-
type RepplySizeVariants = "small" | "medium" | "large";
|
|
38
|
-
type RepplyAnchorPositions = "left" | "right";
|
|
39
|
-
|
|
40
|
-
declare function capitalize(text: string): string;
|
|
41
|
-
|
|
42
|
-
interface ArrayElement<T> {
|
|
43
|
-
data?: T[];
|
|
44
|
-
columnGroup?: string;
|
|
45
|
-
getItemValue?: (item: T) => {
|
|
46
|
-
icon?: any;
|
|
47
|
-
text: string;
|
|
48
|
-
value: string;
|
|
49
|
-
};
|
|
50
|
-
typeFormat?: "normal" | "multiselect";
|
|
51
|
-
checkMassive?: boolean;
|
|
52
|
-
deleteType?: "button" | "icon";
|
|
53
|
-
type?: 'textField' | 'textArea' | 'select' | 'autocomplete' | 'dateRange';
|
|
54
|
-
title?: string;
|
|
55
|
-
iconTitle?: keyof typeof Muicon;
|
|
56
|
-
infoTitle?: {
|
|
57
|
-
text?: string;
|
|
58
|
-
component?: "tooltip" | "popover";
|
|
59
|
-
};
|
|
60
|
-
label?: string;
|
|
61
|
-
labelDateInitial?: string;
|
|
62
|
-
labelDateFinal?: string;
|
|
63
|
-
placeholder?: string;
|
|
64
|
-
infoElement?: {
|
|
65
|
-
text?: string;
|
|
66
|
-
component?: "tooltip" | "popover";
|
|
67
|
-
};
|
|
68
|
-
iconInputStart?: string;
|
|
69
|
-
iconInputEnd?: string;
|
|
70
|
-
maxLength?: number;
|
|
71
|
-
component?: React.ReactNode;
|
|
72
|
-
variant?: ReplyVariants;
|
|
73
|
-
format?: 'int' | 'text' | 'password' | 'decimal';
|
|
74
|
-
disabled?: boolean;
|
|
75
|
-
required?: boolean;
|
|
76
|
-
size?: 'small' | 'medium';
|
|
77
|
-
width?: string;
|
|
78
|
-
rows?: number;
|
|
79
|
-
color?: ReplyPalette$1;
|
|
80
|
-
background?: string;
|
|
81
|
-
setState?: any | React.Dispatch<React.SetStateAction<string>>;
|
|
82
|
-
state?: any;
|
|
83
|
-
onChange?: () => {};
|
|
84
|
-
onBlur?: () => {};
|
|
85
|
-
onKeyDown?: () => {};
|
|
86
|
-
fnAplicar?: () => void | React.ReactNode;
|
|
87
|
-
inputChange?: (value: string) => void;
|
|
88
|
-
}
|
|
89
|
-
interface DrawerProps<T> {
|
|
90
|
-
title?: string;
|
|
91
|
-
arrayElements?: ArrayElement<T>[];
|
|
92
|
-
actions?: {
|
|
93
|
-
text: string;
|
|
94
|
-
fn: () => void;
|
|
95
|
-
disabled?: boolean;
|
|
96
|
-
}[] | boolean;
|
|
97
|
-
buttonDrawer?: false | {
|
|
98
|
-
type?: 'chip' | 'button';
|
|
99
|
-
icon?: keyof typeof Muicon | any;
|
|
100
|
-
text?: string;
|
|
101
|
-
color?: ReplyPalette$1 | any;
|
|
102
|
-
variant?: 'text' | 'outlined' | 'contained';
|
|
103
|
-
iconPosition?: 'left' | 'right' | undefined;
|
|
104
|
-
};
|
|
105
|
-
colorTitle?: ReplyTextPalette | ReplyPalette$1 | string;
|
|
106
|
-
anchor?: "left" | "right" | "bottom";
|
|
107
|
-
width?: string;
|
|
108
|
-
open?: boolean;
|
|
109
|
-
setOpen?: any;
|
|
110
|
-
chipFilters?: any[];
|
|
111
|
-
heightDrawer?: number;
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
type ToastType = 'success' | 'error' | 'warning' | 'info';
|
|
115
|
-
interface ToastBaseProperties {
|
|
116
|
-
type?: ToastType;
|
|
117
|
-
title: string;
|
|
118
|
-
subtitle?: string;
|
|
119
|
-
time?: number;
|
|
120
|
-
listITems?: string[];
|
|
121
|
-
seeMore?: boolean;
|
|
122
|
-
actions?: {
|
|
123
|
-
text: string;
|
|
124
|
-
fn: () => void;
|
|
125
|
-
disabled?: boolean;
|
|
126
|
-
}[];
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
declare const SCToastNotification: (toast: ToastBaseProperties) => React__default.JSX.Element;
|
|
130
|
-
|
|
131
|
-
declare const useProgress: (timeProgress: number, lote?: number) => {
|
|
132
|
-
progress: number;
|
|
133
|
-
};
|
|
134
|
-
declare const ToastProgress: (timeProgress: number) => {
|
|
135
|
-
progressToast: number;
|
|
136
|
-
};
|
|
137
|
-
|
|
138
|
-
declare function SCDrawer<T>({ title, arrayElements, actions, buttonDrawer, colorTitle, anchor, width, open, setOpen, chipFilters, heightDrawer, }: DrawerProps<T>): React__default.JSX.Element;
|
|
139
|
-
|
|
140
|
-
interface FooterActionsProperties {
|
|
141
|
-
label?: React.ReactNode;
|
|
142
|
-
leftContent?: React.ReactNode;
|
|
143
|
-
rightContent?: React.ReactNode;
|
|
144
|
-
variant?: 'standard' | 'float';
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
declare const FooterAction: ({ leftContent, rightContent, label, variant, }: FooterActionsProperties) => React__default.JSX.Element;
|
|
148
|
-
|
|
149
|
-
declare const modalStateConfig: {
|
|
150
|
-
info: {
|
|
151
|
-
color: string;
|
|
152
|
-
defaultDescription: string;
|
|
153
|
-
icon: React__default.JSX.Element;
|
|
154
|
-
};
|
|
155
|
-
delete: {
|
|
156
|
-
color: string;
|
|
157
|
-
defaultDescription: string;
|
|
158
|
-
icon: React__default.JSX.Element;
|
|
159
|
-
};
|
|
160
|
-
warning: {
|
|
161
|
-
color: string;
|
|
162
|
-
defaultDescription: string;
|
|
163
|
-
icon: React__default.JSX.Element;
|
|
164
|
-
};
|
|
165
|
-
};
|
|
166
|
-
|
|
167
|
-
type ModalStates = 'info' | 'delete' | 'warning';
|
|
168
|
-
interface ModalProps {
|
|
169
|
-
title: string;
|
|
170
|
-
description?: string;
|
|
171
|
-
state: ModalStates;
|
|
172
|
-
open: boolean;
|
|
173
|
-
action?: {
|
|
174
|
-
text: string;
|
|
175
|
-
fn: () => void;
|
|
176
|
-
disabled?: boolean;
|
|
177
|
-
}[];
|
|
178
|
-
setOpen?: React.Dispatch<React.SetStateAction<boolean>>;
|
|
179
|
-
buttonModal?: {
|
|
180
|
-
icon?: string;
|
|
181
|
-
text?: string;
|
|
182
|
-
color?: ReplyPalette$1;
|
|
183
|
-
variant?: ReplyButtonVariants;
|
|
184
|
-
iconPosition?: 'left' | 'right';
|
|
185
|
-
size?: "small" | "medium" | "large";
|
|
186
|
-
};
|
|
187
|
-
}
|
|
188
|
-
|
|
189
|
-
declare const getIconComponent: (iconName?: string) => React.ElementType;
|
|
190
|
-
declare const getModalColor: (state: string) => string;
|
|
191
|
-
declare const getButtonColor: (state: string) => 'inherit' | 'info' | 'error' | 'warning';
|
|
192
|
-
|
|
193
|
-
declare const SCModal: ({ buttonModal, state, open, setOpen, title, description, action, }: ModalProps) => React__default.JSX.Element;
|
|
194
|
-
|
|
195
|
-
interface MultiSelectProps<T> {
|
|
196
|
-
textButton?: string;
|
|
197
|
-
button?: {
|
|
198
|
-
icon?: string;
|
|
199
|
-
text?: string;
|
|
200
|
-
color?: ReplyPalette$1;
|
|
201
|
-
variant?: ReplyButtonVariants;
|
|
202
|
-
iconPosition?: 'left' | 'right';
|
|
203
|
-
size?: "small" | "medium" | "large";
|
|
204
|
-
};
|
|
205
|
-
topPanel?: React.ReactNode;
|
|
206
|
-
dense?: boolean;
|
|
207
|
-
open: boolean;
|
|
208
|
-
selectAll?: boolean;
|
|
209
|
-
items: T[];
|
|
210
|
-
getItemLabel: (item: T) => string;
|
|
211
|
-
actions?: {
|
|
212
|
-
text: string;
|
|
213
|
-
fn: () => void;
|
|
214
|
-
disabled?: boolean;
|
|
215
|
-
}[];
|
|
216
|
-
}
|
|
217
|
-
|
|
218
|
-
declare function useMultiSelectHandlers<T>(): {
|
|
219
|
-
anchorEl: HTMLButtonElement | null;
|
|
220
|
-
open: boolean;
|
|
221
|
-
selectedItems: T[];
|
|
222
|
-
filterValue: string;
|
|
223
|
-
setSelectedItems: React$1.Dispatch<React$1.SetStateAction<T[]>>;
|
|
224
|
-
handleOpen: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
|
225
|
-
handleClose: () => void;
|
|
226
|
-
handleFilterChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
227
|
-
handleCheckboxToggle: (item: T) => void;
|
|
228
|
-
setOpen: React$1.Dispatch<React$1.SetStateAction<boolean>>;
|
|
229
|
-
};
|
|
230
|
-
|
|
231
|
-
declare function getIconMultiSelect(name: string): _mui_material_OverridableComponent.OverridableComponent<_mui_material.SvgIconTypeMap<{}, "svg">> & {
|
|
232
|
-
muiName: string;
|
|
233
|
-
};
|
|
234
|
-
|
|
235
|
-
declare function useFilteredItems<T>(items: T[], filterValue: string, getItemLabel: (item: T) => string, selectedItems: T[]): {
|
|
236
|
-
filteredItems: T[];
|
|
237
|
-
sortedItems: T[];
|
|
238
|
-
};
|
|
239
|
-
|
|
240
|
-
declare function MultiSelect<T>({ textButton, button, items, topPanel, actions, dense, open, selectAll, getItemLabel }: MultiSelectProps<T>): React__default.JSX.Element;
|
|
241
|
-
|
|
242
|
-
interface PageheaderProperties {
|
|
243
|
-
title: string | React.ReactNode;
|
|
244
|
-
subtitle?: string | React.ReactNode;
|
|
245
|
-
actions?: React.ReactNode;
|
|
246
|
-
buttonBack?: React.ReactNode;
|
|
247
|
-
fixed?: boolean;
|
|
248
|
-
shadow?: boolean;
|
|
249
|
-
}
|
|
250
|
-
|
|
251
|
-
declare const PageHeader: ({ title, subtitle, actions, buttonBack, fixed, shadow, }: PageheaderProperties) => React__default.JSX.Element;
|
|
252
|
-
|
|
253
|
-
interface SCTextAreaProps {
|
|
254
|
-
title?: string;
|
|
255
|
-
iconTitle?: keyof typeof Muicon;
|
|
256
|
-
infoTitle?: {
|
|
257
|
-
text?: string;
|
|
258
|
-
component?: "tooltip" | "popover";
|
|
259
|
-
};
|
|
260
|
-
colorTitle?: ReplyTextPalette;
|
|
261
|
-
placeholder?: string;
|
|
262
|
-
label?: string;
|
|
263
|
-
width?: string;
|
|
264
|
-
required?: boolean;
|
|
265
|
-
background?: string;
|
|
266
|
-
variant?: ReplyVariants;
|
|
267
|
-
disabled?: boolean;
|
|
268
|
-
rows?: number;
|
|
269
|
-
maxLength?: number;
|
|
270
|
-
state: string;
|
|
271
|
-
setState: React.Dispatch<React.SetStateAction<string>>;
|
|
272
|
-
onBlur?: (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
|
|
273
|
-
}
|
|
274
|
-
|
|
275
|
-
declare function getIcon(name?: string): ComponentType | null;
|
|
276
|
-
|
|
277
|
-
declare const SCTextArea: ({ title, iconTitle, infoTitle, label, placeholder, maxLength, variant, disabled, required, width, rows, colorTitle, background, setState, state, onBlur, }: SCTextAreaProps) => React__default.JSX.Element;
|
|
278
|
-
|
|
279
|
-
interface SCTextFieldProps {
|
|
280
|
-
title?: string;
|
|
281
|
-
iconTitle?: string;
|
|
282
|
-
infoTitle?: {
|
|
283
|
-
text?: string;
|
|
284
|
-
component?: "tooltip" | "popover";
|
|
285
|
-
};
|
|
286
|
-
label?: string;
|
|
287
|
-
placeholder?: string;
|
|
288
|
-
color?: ReplyPalette$1;
|
|
289
|
-
width?: string;
|
|
290
|
-
background?: string;
|
|
291
|
-
format?: 'int' | 'text' | 'password' | 'decimal';
|
|
292
|
-
iconInputStart?: string;
|
|
293
|
-
iconInputEnd?: string;
|
|
294
|
-
infoElement?: {
|
|
295
|
-
text?: string;
|
|
296
|
-
component?: "tooltip" | "popover";
|
|
297
|
-
};
|
|
298
|
-
size?: "small" | "medium";
|
|
299
|
-
variant?: "outlined" | "filled" | "standard";
|
|
300
|
-
maxLength?: number;
|
|
301
|
-
disabled?: boolean;
|
|
302
|
-
required?: boolean;
|
|
303
|
-
setState: React.Dispatch<React.SetStateAction<string>>;
|
|
304
|
-
state: string;
|
|
305
|
-
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
306
|
-
onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
307
|
-
onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
308
|
-
}
|
|
309
|
-
|
|
310
|
-
declare const SCTextField: ({ title, iconTitle, infoTitle, label, placeholder, infoElement, iconInputStart, iconInputEnd, maxLength, variant, format, disabled, required, size, width, color, background, setState, state, onChange, onBlur, onKeyDown, }: SCTextFieldProps) => React__default.JSX.Element;
|
|
311
|
-
|
|
312
|
-
interface SCCalendarSwipeableProps {
|
|
313
|
-
background?: string;
|
|
314
|
-
setState: React__default.Dispatch<React__default.SetStateAction<string>>;
|
|
315
|
-
state: string | any;
|
|
316
|
-
}
|
|
317
|
-
declare const SCCalendarSwipeable: ({ background, setState, state, }: SCCalendarSwipeableProps) => React__default.JSX.Element;
|
|
318
|
-
|
|
319
|
-
interface SCDataGridInitialProps<T> {
|
|
320
|
-
data: T[];
|
|
321
|
-
columns: any;
|
|
322
|
-
rowsTable?: number;
|
|
323
|
-
checkboxSelection?: boolean;
|
|
324
|
-
width?: string | number;
|
|
325
|
-
maxHeight?: number;
|
|
326
|
-
density?: "compact" | "standard" | "comfortable";
|
|
327
|
-
groupColumns?: (item: any) => {
|
|
328
|
-
textGroup1?: string;
|
|
329
|
-
valueGroup1?: string;
|
|
330
|
-
textGroup2?: string;
|
|
331
|
-
valueGroup2?: string;
|
|
332
|
-
headerNameFirstColumn?: string;
|
|
333
|
-
fieldFirstColumn?: string;
|
|
334
|
-
};
|
|
335
|
-
}
|
|
336
|
-
declare function SCDataGridInitial<T>({ data, columns, groupColumns, rowsTable, checkboxSelection, width, maxHeight, density }: SCDataGridInitialProps<T>): React__default.JSX.Element;
|
|
337
|
-
declare const SCDataGrid: React__default.MemoExoticComponent<typeof SCDataGridInitial>;
|
|
338
|
-
|
|
339
|
-
interface SCAutocompleteProps<T> {
|
|
340
|
-
label?: string;
|
|
341
|
-
data: T[];
|
|
342
|
-
columnGroup?: string;
|
|
343
|
-
getItemValue: (item: T) => {
|
|
344
|
-
icon?: any;
|
|
345
|
-
text: string;
|
|
346
|
-
value: string;
|
|
347
|
-
component?: any;
|
|
348
|
-
};
|
|
349
|
-
typeFormat?: "normal" | "multiselect";
|
|
350
|
-
checkMassive?: boolean;
|
|
351
|
-
deleteType?: "button" | "icon";
|
|
352
|
-
required?: boolean;
|
|
353
|
-
disabled?: boolean;
|
|
354
|
-
background?: string;
|
|
355
|
-
fnAplicar?: () => void | React__default.ReactNode;
|
|
356
|
-
setState: React__default.Dispatch<React__default.SetStateAction<any>>;
|
|
357
|
-
state: {
|
|
358
|
-
hiddenValue: string | string[];
|
|
359
|
-
textValue: string | string[];
|
|
360
|
-
};
|
|
361
|
-
inputChange?: (value: string) => void;
|
|
362
|
-
maxCheck?: number;
|
|
363
|
-
}
|
|
364
|
-
declare function SCAutocomplete<T>({ label, data, columnGroup, getItemValue, typeFormat, checkMassive, deleteType, fnAplicar, required, disabled, background, setState, state, inputChange, maxCheck, }: SCAutocompleteProps<T>): React__default.JSX.Element;
|
|
365
|
-
|
|
366
|
-
type EmptyStateStates = 'create' | 'error' | 'noResult' | 'search';
|
|
367
|
-
type EmptyStateSize = 'small' | 'large';
|
|
368
|
-
interface EmptyStateProperties {
|
|
369
|
-
icon?: ReactNode;
|
|
370
|
-
state?: EmptyStateStates;
|
|
371
|
-
size?: EmptyStateSize;
|
|
372
|
-
title: string;
|
|
373
|
-
subtitle?: string;
|
|
374
|
-
actions?: {
|
|
375
|
-
icon?: string;
|
|
376
|
-
text?: string;
|
|
377
|
-
color?: ReplyPalette$1;
|
|
378
|
-
variant?: 'text' | 'outlined' | 'contained';
|
|
379
|
-
iconPosition?: 'left' | 'right';
|
|
380
|
-
size?: "small" | "medium" | "large";
|
|
381
|
-
onClick?: () => void;
|
|
382
|
-
}[];
|
|
383
|
-
containerHeight?: string;
|
|
384
|
-
}
|
|
385
|
-
declare const EmptyState: ({ state, size, title, subtitle, actions, containerHeight, icon, }: EmptyStateProperties) => React__default.JSX.Element;
|
|
386
|
-
|
|
387
|
-
interface SCDateRangeProps {
|
|
388
|
-
labelDateInitial?: string;
|
|
389
|
-
labelDateFinal?: string;
|
|
390
|
-
required?: boolean;
|
|
391
|
-
disabled?: boolean;
|
|
392
|
-
background?: string;
|
|
393
|
-
state: [Dayjs | null, Dayjs | null];
|
|
394
|
-
setState: React__default.Dispatch<React__default.SetStateAction<[Dayjs | null, Dayjs | null]>>;
|
|
395
|
-
}
|
|
396
|
-
declare const SCDateRange: ({ labelDateInitial, labelDateFinal, required, disabled, background, state, setState, }: SCDateRangeProps) => React__default.JSX.Element;
|
|
397
|
-
|
|
398
|
-
type ReplyPalette = "primary" | "secondary" | "warning" | "info" | "success" | "error" | "inherit";
|
|
399
|
-
|
|
400
|
-
interface Action {
|
|
401
|
-
text?: string;
|
|
402
|
-
fn?: () => void;
|
|
403
|
-
icon?: any | React__default.ReactNode | React__default.ReactElement | React__default.ElementType | null;
|
|
404
|
-
disabled?: boolean;
|
|
405
|
-
color?: ReplyPalette;
|
|
406
|
-
}
|
|
407
|
-
interface SCDialogProps {
|
|
408
|
-
title?: string;
|
|
409
|
-
iconTitle?: React__default.ReactNode | React__default.ReactElement | keyof typeof Muicon;
|
|
410
|
-
subtitle?: any;
|
|
411
|
-
content?: any;
|
|
412
|
-
actions?: Action[] | boolean;
|
|
413
|
-
buttonDialog?: {
|
|
414
|
-
icon?: string;
|
|
415
|
-
text?: string;
|
|
416
|
-
color?: ReplyPalette;
|
|
417
|
-
tooltip?: string;
|
|
418
|
-
variant?: 'text' | 'outlined' | 'contained';
|
|
419
|
-
iconPosition?: 'left' | 'right' | undefined;
|
|
420
|
-
};
|
|
421
|
-
disableClose?: boolean;
|
|
422
|
-
dividers?: boolean;
|
|
423
|
-
widthContent?: 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
|
|
424
|
-
heightContent?: string;
|
|
425
|
-
background?: string;
|
|
426
|
-
typeView?: 'web' | 'mobile';
|
|
427
|
-
setShow?: React__default.Dispatch<React__default.SetStateAction<boolean>>;
|
|
428
|
-
show?: boolean | any;
|
|
429
|
-
}
|
|
430
|
-
declare const SCDialog: ({ title, iconTitle, subtitle, content, actions, buttonDialog, disableClose, dividers, widthContent, heightContent, background, typeView, setShow, show }: SCDialogProps) => React__default.JSX.Element;
|
|
431
|
-
|
|
432
|
-
interface Option$2 {
|
|
433
|
-
title?: string;
|
|
434
|
-
subtitle?: any;
|
|
435
|
-
description?: any;
|
|
436
|
-
iconLeftColor?: 'inherit' | 'action' | 'disabled' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' | any;
|
|
437
|
-
iconLeft?: any | React__default.ReactNode | React__default.ReactElement | React__default.ElementType | null;
|
|
438
|
-
iconRightColor?: 'inherit' | 'action' | 'disabled' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
|
|
439
|
-
iconRight?: any | React__default.ReactNode | React__default.ReactElement | React__default.ElementType | null;
|
|
440
|
-
divider?: boolean;
|
|
441
|
-
disable?: boolean;
|
|
442
|
-
colorDisabled?: boolean;
|
|
443
|
-
fn?: any;
|
|
444
|
-
}
|
|
445
|
-
interface SCListContentProps {
|
|
446
|
-
options: Option$2[];
|
|
447
|
-
iconLeftType?: "Icon" | "Avatar";
|
|
448
|
-
iconRightType?: "Icon" | "Avatar";
|
|
449
|
-
}
|
|
450
|
-
declare const SCListContent: ({ options, iconLeftType, iconRightType }: SCListContentProps) => React__default.JSX.Element;
|
|
451
|
-
|
|
452
|
-
interface Option$1 {
|
|
453
|
-
name?: string;
|
|
454
|
-
iconLeft?: any | React__default.ReactNode | React__default.ReactElement | React__default.ElementType | null;
|
|
455
|
-
iconRight?: any | React__default.ReactNode | React__default.ReactElement | React__default.ElementType | null;
|
|
456
|
-
divider?: boolean;
|
|
457
|
-
page: React__default.ReactNode | React__default.ReactElement;
|
|
458
|
-
}
|
|
459
|
-
interface SCMenuProps {
|
|
460
|
-
header?: any;
|
|
461
|
-
options: Option$1[];
|
|
462
|
-
defaultOption?: string;
|
|
463
|
-
disable?: boolean;
|
|
464
|
-
widthMenu?: string;
|
|
465
|
-
heightMenu?: string;
|
|
466
|
-
widthPage?: string;
|
|
467
|
-
}
|
|
468
|
-
declare const SCMenu: ({ header, options, defaultOption, disable, widthMenu, heightMenu, widthPage }: SCMenuProps) => React__default.JSX.Element;
|
|
469
|
-
|
|
470
|
-
interface BasicMenuProps {
|
|
471
|
-
open?: boolean;
|
|
472
|
-
onClose?: () => void;
|
|
473
|
-
button?: {
|
|
474
|
-
icon?: string;
|
|
475
|
-
text?: string;
|
|
476
|
-
color?: ReplyPalette$1;
|
|
477
|
-
variant?: ReplyButtonVariants;
|
|
478
|
-
iconPosition?: 'left' | 'right';
|
|
479
|
-
size?: "small" | "medium" | "large";
|
|
480
|
-
};
|
|
481
|
-
anchorEl?: null | HTMLElement;
|
|
482
|
-
handleClick?: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
|
|
483
|
-
options?: [];
|
|
484
|
-
}
|
|
485
|
-
declare const BasicMenu: ({ open, onClose, button, anchorEl, handleClick, options }: BasicMenuProps) => React__default.JSX.Element;
|
|
486
|
-
|
|
487
|
-
interface SCSelectProps<T> {
|
|
488
|
-
label?: string;
|
|
489
|
-
data: T[];
|
|
490
|
-
getItemValue: (item: T) => {
|
|
491
|
-
icon?: any;
|
|
492
|
-
text: string;
|
|
493
|
-
value: string;
|
|
494
|
-
};
|
|
495
|
-
width?: string;
|
|
496
|
-
size?: "small" | "medium";
|
|
497
|
-
variant?: "outlined" | "filled" | "standard";
|
|
498
|
-
background?: string;
|
|
499
|
-
required?: boolean;
|
|
500
|
-
disabled?: boolean;
|
|
501
|
-
fnAplicar?: () => void | React__default.ReactNode;
|
|
502
|
-
setState: React__default.Dispatch<React__default.SetStateAction<any>>;
|
|
503
|
-
state: {
|
|
504
|
-
hiddenValue: string;
|
|
505
|
-
textValue: string;
|
|
506
|
-
};
|
|
507
|
-
}
|
|
508
|
-
declare function SCSelect<T>({ label, data, getItemValue, width, size, variant, background, required, disabled, setState, state, }: SCSelectProps<T>): React__default.JSX.Element;
|
|
509
|
-
|
|
510
|
-
interface Option {
|
|
511
|
-
name?: string;
|
|
512
|
-
iconOrBadge: string | number | null | undefined | any | React__default.ReactNode | React__default.ReactElement | React__default.ElementType;
|
|
513
|
-
disabled?: boolean;
|
|
514
|
-
page: React__default.ReactNode | React__default.ReactElement;
|
|
515
|
-
}
|
|
516
|
-
interface SCTabsProps {
|
|
517
|
-
options: Option[];
|
|
518
|
-
defaultOption?: string;
|
|
519
|
-
typeIcon?: "badge" | "icon";
|
|
520
|
-
background?: string;
|
|
521
|
-
iconPosition?: "top" | "bottom" | "start" | "end";
|
|
522
|
-
colorTab?: "secondary" | "primary";
|
|
523
|
-
orientation?: "horizontal" | "vertical";
|
|
524
|
-
variant?: "standard" | "fullWidth" | "scrollable";
|
|
525
|
-
scrollButtons?: boolean;
|
|
526
|
-
children?: any;
|
|
527
|
-
}
|
|
528
|
-
declare const SCTabs: ({ options, defaultOption, typeIcon, background, iconPosition, colorTab, orientation, variant, scrollButtons, children }: SCTabsProps) => React__default.JSX.Element;
|
|
529
|
-
|
|
530
|
-
type CalendarView = 'month' | 'week' | 'day';
|
|
531
|
-
type EventState = 'En progreso' | 'Finalizada' | 'Vencida' | 'Asignada' | 'Aplazada' | 'Generada';
|
|
532
|
-
interface CalendarEvent {
|
|
533
|
-
id: string;
|
|
534
|
-
title: string;
|
|
535
|
-
start: dayjs.Dayjs;
|
|
536
|
-
end: dayjs.Dayjs;
|
|
537
|
-
state: EventState;
|
|
538
|
-
}
|
|
539
|
-
interface CalendarProps {
|
|
540
|
-
events: CalendarEvent[];
|
|
541
|
-
view?: CalendarView;
|
|
542
|
-
toolbar?: React.ReactNode;
|
|
543
|
-
onDayClick?: (date: dayjs.Dayjs) => void;
|
|
544
|
-
onMoreClick?: (date: dayjs.Dayjs, events: CalendarEvent[]) => void;
|
|
545
|
-
onEventClick?: (event: CalendarEvent, date?: dayjs.Dayjs) => void;
|
|
546
|
-
onViewChange?: (view: CalendarView) => void;
|
|
547
|
-
onDateChange?: (date: dayjs.Dayjs) => void;
|
|
548
|
-
onEventHover?: (event: CalendarEvent) => React.ReactNode;
|
|
549
|
-
onNavigate?: (action: 'TODAY' | 'PREV' | 'NEXT') => void;
|
|
550
|
-
isLoading?: boolean;
|
|
551
|
-
startHour?: number;
|
|
552
|
-
endHour?: number;
|
|
553
|
-
}
|
|
554
|
-
|
|
555
|
-
declare const Calendar: React__default.FC<CalendarProps>;
|
|
556
|
-
|
|
557
|
-
declare const CALENDAR_CONSTANTS: {
|
|
558
|
-
readonly GRID_TEMPLATE: "repeat(7, minmax(150px, 1fr))";
|
|
559
|
-
readonly DAY_HEIGHT: 60;
|
|
560
|
-
readonly SIDEBAR_WIDTH: 47;
|
|
561
|
-
readonly MIN_CELL_HEIGHT: 99;
|
|
562
|
-
readonly DEFAULT_START_HOUR: 0;
|
|
563
|
-
readonly DEFAULT_END_HOUR: 23;
|
|
564
|
-
readonly DRAWER_WIDTH: "350px";
|
|
565
|
-
readonly MAX_VISIBLE_EVENTS: 2;
|
|
566
|
-
readonly MIN_WIDTH: "1050px";
|
|
567
|
-
readonly LOADING_SPINNER_SIZE: "60px";
|
|
568
|
-
readonly LOADING_CONTAINER_HEIGHT: "450px";
|
|
569
|
-
readonly DAY_CIRCLE_SIZE: 24;
|
|
570
|
-
};
|
|
571
|
-
|
|
572
|
-
type NavigationAction = 'PREV' | 'NEXT' | 'TODAY';
|
|
573
|
-
declare const useCalendarNavigation: (initialDate?: dayjs.Dayjs, onDateChange?: ((date: dayjs.Dayjs) => void) | undefined) => {
|
|
574
|
-
currentDate: dayjs.Dayjs;
|
|
575
|
-
setCurrentDate: React$1.Dispatch<React$1.SetStateAction<dayjs.Dayjs>>;
|
|
576
|
-
navigateDate: (action: NavigationAction, view: CalendarView) => void;
|
|
577
|
-
};
|
|
578
|
-
|
|
579
|
-
type CellBorderType = 'full' | 'start' | 'end' | 'middle' | 'none';
|
|
580
|
-
declare const filterEventsForDay: (events: CalendarEvent[], day: Dayjs) => CalendarEvent[];
|
|
581
|
-
declare const getCellBorderType: (cellHour: number, dayEvents: CalendarEvent[]) => CellBorderType;
|
|
582
|
-
declare const clampEventToVisibleRange: (event: CalendarEvent, currentDate: Dayjs, startHour: number, endHour: number) => {
|
|
583
|
-
startMinutes: number;
|
|
584
|
-
durationMinutes: number;
|
|
585
|
-
clampedStart: dayjs.Dayjs;
|
|
586
|
-
clampedEnd: dayjs.Dayjs;
|
|
587
|
-
};
|
|
588
|
-
|
|
589
|
-
interface DayEventsListProps {
|
|
590
|
-
events: CalendarEvent[];
|
|
591
|
-
day: dayjs.Dayjs;
|
|
592
|
-
onEventClick?: (event: CalendarEvent, date?: dayjs.Dayjs) => void;
|
|
593
|
-
onEventHover?: (event: CalendarEvent) => React__default.ReactNode;
|
|
594
|
-
}
|
|
595
|
-
declare const DayEventsList: React__default.FC<DayEventsListProps>;
|
|
596
|
-
|
|
597
|
-
interface SCTimeProps {
|
|
598
|
-
label?: string;
|
|
599
|
-
required?: boolean;
|
|
600
|
-
disabled?: boolean;
|
|
601
|
-
background?: string;
|
|
602
|
-
timeStep?: number;
|
|
603
|
-
state: Dayjs | null;
|
|
604
|
-
setState: (value: Dayjs | null) => void;
|
|
605
|
-
width?: string;
|
|
606
|
-
error?: boolean;
|
|
607
|
-
}
|
|
608
|
-
declare const SCTime: ({ label, required, disabled, background, timeStep, state, setState, width, error, }: SCTimeProps) => React__default.JSX.Element;
|
|
609
|
-
|
|
610
|
-
interface SCCardProps {
|
|
611
|
-
title?: string;
|
|
612
|
-
subtitle?: string;
|
|
613
|
-
iconTitle?: React__default.ReactNode | React__default.ReactElement | keyof typeof Muicon;
|
|
614
|
-
actionsTitle?: any;
|
|
615
|
-
image?: any;
|
|
616
|
-
content?: any;
|
|
617
|
-
actions?: {
|
|
618
|
-
text?: string;
|
|
619
|
-
fn: () => void;
|
|
620
|
-
disabled?: boolean;
|
|
621
|
-
}[];
|
|
622
|
-
expand?: {
|
|
623
|
-
type?: 'icon' | 'text';
|
|
624
|
-
position?: 'top' | 'bottom';
|
|
625
|
-
content?: string;
|
|
626
|
-
};
|
|
627
|
-
}
|
|
628
|
-
declare const SCCard: ({ title, image, iconTitle, actionsTitle, subtitle, content, actions, expand }: SCCardProps) => React__default.JSX.Element;
|
|
629
|
-
|
|
630
|
-
interface SCActivityCalendarProps {
|
|
631
|
-
background?: string;
|
|
632
|
-
setState: React__default.Dispatch<React__default.SetStateAction<string>>;
|
|
633
|
-
state: string | any;
|
|
634
|
-
events: any[];
|
|
635
|
-
fn?: any;
|
|
636
|
-
configRangeHour?: string;
|
|
637
|
-
}
|
|
638
|
-
declare const SCActivityCalendar: ({ background, setState, state, events, fn, configRangeHour, }: SCActivityCalendarProps) => React__default.JSX.Element;
|
|
639
|
-
|
|
640
|
-
interface UploadedFile {
|
|
641
|
-
name: string;
|
|
642
|
-
size: number;
|
|
643
|
-
type: string;
|
|
644
|
-
progress: number;
|
|
645
|
-
uploadError?: boolean;
|
|
646
|
-
file?: File;
|
|
647
|
-
}
|
|
648
|
-
interface AttachmentMobileProps<T> {
|
|
649
|
-
buttonAttachment?: {
|
|
650
|
-
icon?: string;
|
|
651
|
-
text?: string;
|
|
652
|
-
color?: ReplyPalette$1 | "primary";
|
|
653
|
-
variant?: ReplyButtonVariants | "text";
|
|
654
|
-
iconPosition?: 'left' | 'right';
|
|
655
|
-
size?: RepplySizeVariants | "small";
|
|
656
|
-
};
|
|
657
|
-
children?: React.ReactNode;
|
|
658
|
-
maxSize?: number;
|
|
659
|
-
sx?: SxProps;
|
|
660
|
-
files?: T[];
|
|
661
|
-
initialFiles?: UploadedFile[];
|
|
662
|
-
fileAccepted?: string;
|
|
663
|
-
onChange?: (archivos: File[]) => void;
|
|
664
|
-
deleteAction?: (name: string) => Promise<void> | void;
|
|
665
|
-
}
|
|
666
|
-
|
|
667
|
-
declare const AttachmentMobile: ({ buttonAttachment, maxSize, fileAccepted, initialFiles, deleteAction, children, onChange, sx }: AttachmentMobileProps<any>) => React__default.JSX.Element;
|
|
668
|
-
|
|
669
|
-
interface SCSnackBarProps {
|
|
670
|
-
type?: 'success' | 'error' | 'warning' | 'info';
|
|
671
|
-
close?: boolean;
|
|
672
|
-
openState: boolean;
|
|
673
|
-
setOpenState: any;
|
|
674
|
-
mensaje: string;
|
|
675
|
-
duration?: number;
|
|
676
|
-
position?: 'Center' | 'Left-Up' | 'Left-Down' | 'Right-Up' | 'Right-Down';
|
|
677
|
-
}
|
|
678
|
-
declare const SCSnackBar: ({ type, close, openState, setOpenState, mensaje, duration, position }: SCSnackBarProps) => React__default.JSX.Element;
|
|
679
|
-
|
|
680
|
-
declare const SincoTheme: _mui_material_styles.Theme;
|
|
681
|
-
declare let AdproSincoTheme: _mui_material_styles.Theme;
|
|
682
|
-
declare let ADCSincoTheme: _mui_material_styles.Theme;
|
|
683
|
-
|
|
684
|
-
export { ADCSincoTheme, AdproSincoTheme, Attachment, AttachmentMobile, BasicMenu, type BasicMenuProps, CALENDAR_CONSTANTS, Calendar, type CalendarEvent, type CalendarProps, type CalendarView, type CellBorderType, DayEventsList, EmptyState, type EmptyStateProperties, type EmptyStateSize, type EmptyStateStates, type EventState, FooterAction, type FooterActionsProperties, type ModalProps, type ModalStates, MultiSelect, type MultiSelectProps, type NavigationAction, PageHeader, type PageheaderProperties, type ReplyButtonVariants, type ReplyPalette$1 as ReplyPalette, type ReplyTextPalette, type ReplyVariants, type RepplyAnchorPositions, type RepplySizeVariants, SCActivityCalendar, SCAutocomplete, SCCalendarSwipeable, SCCard, SCDataGrid, SCDataGridInitial, SCDateRange, SCDialog, SCDrawer, SCListContent, SCMenu, SCModal, SCSelect, SCSnackBar, SCTabs, SCTextArea, type SCTextAreaProps, SCTextField, type SCTextFieldProps, SCTime, SCToastNotification, SincoTheme, type ToastBaseProperties, ToastProgress, type ToastType, capitalize, clampEventToVisibleRange, filterEventsForDay, getButtonColor, getCellBorderType, getIcon, getIconComponent, getIconMultiSelect, getModalColor, modalStateConfig, useCalendarNavigation, useFilteredItems, useMultiSelectHandlers, useProgress };
|