componentes-sinco 1.0.26 → 1.0.27
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.cjs +2155 -949
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +112 -14
- package/dist/index.d.ts +112 -14
- package/dist/index.js +2101 -900
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/create-KZGO2OZA.svg +0 -18
- package/dist/empty-3NEKE7WO.svg +0 -13
- package/dist/error-RUCZUXDN.svg +0 -5
- package/dist/search-OKSCVF2W.svg +0 -12
package/dist/index.d.cts
CHANGED
|
@@ -1,11 +1,35 @@
|
|
|
1
1
|
import * as React$1 from 'react';
|
|
2
2
|
import React__default, { ComponentType, ReactNode } from 'react';
|
|
3
|
+
import * as _mui_material from '@mui/material';
|
|
4
|
+
import { SxProps } from '@mui/material';
|
|
3
5
|
import * as Muicon from '@mui/icons-material';
|
|
4
6
|
import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
|
|
5
|
-
import * as _mui_material from '@mui/material';
|
|
6
7
|
import dayjs, { Dayjs } from 'dayjs';
|
|
7
8
|
import * as _mui_material_styles from '@mui/material/styles';
|
|
8
9
|
|
|
10
|
+
interface UploadedFile {
|
|
11
|
+
name: string;
|
|
12
|
+
size: number;
|
|
13
|
+
type: string;
|
|
14
|
+
progress: number;
|
|
15
|
+
uploadError?: boolean;
|
|
16
|
+
}
|
|
17
|
+
interface AdjuntarProps<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[];
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
declare const Attachment: ({ sx, compact, error, maxSize, fileAccepted, onLoading, onChange, downloadAction, deleteAction, initialFiles, }: AdjuntarProps<any>) => React__default.JSX.Element;
|
|
32
|
+
|
|
9
33
|
type ReplyPalette$1 = "primary" | "secondary" | "warning" | "info" | "success" | "error" | any;
|
|
10
34
|
type ReplyTextPalette = "primary" | "secondary" | "disabled";
|
|
11
35
|
type ReplyVariants = "outlined" | "filled" | "standard";
|
|
@@ -80,6 +104,8 @@ interface DrawerProps<T> {
|
|
|
80
104
|
anchor?: "left" | "right";
|
|
81
105
|
width?: string;
|
|
82
106
|
open?: boolean;
|
|
107
|
+
setOpen?: any;
|
|
108
|
+
chipFilters?: any[];
|
|
83
109
|
}
|
|
84
110
|
|
|
85
111
|
type ToastType = 'success' | 'error' | 'warning' | 'info';
|
|
@@ -106,7 +132,7 @@ declare const ToastProgress: (timeProgress: number) => {
|
|
|
106
132
|
progressToast: number;
|
|
107
133
|
};
|
|
108
134
|
|
|
109
|
-
declare function SCDrawer<T>({ title, arrayElements, actions, buttonDrawer, colorTitle, anchor, width, open, }: DrawerProps<T>): React__default.JSX.Element;
|
|
135
|
+
declare function SCDrawer<T>({ title, arrayElements, actions, buttonDrawer, colorTitle, anchor, width, open, setOpen, chipFilters, }: DrawerProps<T>): React__default.JSX.Element;
|
|
110
136
|
|
|
111
137
|
interface FooterActionsProperties {
|
|
112
138
|
label?: React.ReactNode;
|
|
@@ -164,7 +190,9 @@ declare const getIconComponent: (iconName?: string) => React.ElementType;
|
|
|
164
190
|
declare const getModalColor: (state: string) => string;
|
|
165
191
|
declare const getButtonColor: (state: string) => 'inherit' | 'info' | 'error' | 'warning';
|
|
166
192
|
|
|
167
|
-
declare const SCModal: ({ buttonModal, state, open, title, description, action, }: ModalProps
|
|
193
|
+
declare const SCModal: ({ buttonModal, state, open, setOpen, title, description, action, }: ModalProps & {
|
|
194
|
+
setOpen?: React__default.Dispatch<React__default.SetStateAction<boolean>> | undefined;
|
|
195
|
+
}) => React__default.JSX.Element;
|
|
168
196
|
|
|
169
197
|
interface MultiSelectProps<T> {
|
|
170
198
|
textButton?: string;
|
|
@@ -317,18 +345,25 @@ interface SCCalendarSwipeableProps {
|
|
|
317
345
|
}
|
|
318
346
|
declare const SCCalendarSwipeable: ({ background, setState, state, }: SCCalendarSwipeableProps) => React__default.JSX.Element;
|
|
319
347
|
|
|
320
|
-
interface SCDataGridInitialProps {
|
|
321
|
-
data:
|
|
348
|
+
interface SCDataGridInitialProps<T> {
|
|
349
|
+
data: T[];
|
|
322
350
|
columns: any;
|
|
323
|
-
groupColumns?: any;
|
|
324
351
|
rowsTable?: number;
|
|
325
352
|
checkboxSelection?: boolean;
|
|
326
353
|
width?: string | number;
|
|
327
354
|
maxHeight?: number;
|
|
328
355
|
density?: "compact" | "standard" | "comfortable";
|
|
356
|
+
groupColumns?: (item: any) => {
|
|
357
|
+
textGroup1?: string;
|
|
358
|
+
valueGroup1?: string;
|
|
359
|
+
textGroup2?: string;
|
|
360
|
+
valueGroup2?: string;
|
|
361
|
+
headerNameFirstColumn?: string;
|
|
362
|
+
fieldFirstColumn?: string;
|
|
363
|
+
};
|
|
329
364
|
}
|
|
330
|
-
declare
|
|
331
|
-
declare const SCDataGrid: React__default.MemoExoticComponent<
|
|
365
|
+
declare function SCDataGridInitial<T>({ data, columns, groupColumns, rowsTable, checkboxSelection, width, maxHeight, density }: SCDataGridInitialProps<T>): React__default.JSX.Element;
|
|
366
|
+
declare const SCDataGrid: React__default.MemoExoticComponent<typeof SCDataGridInitial>;
|
|
332
367
|
|
|
333
368
|
type EmptyStateStates = 'create' | 'error' | 'noResult' | 'search';
|
|
334
369
|
type EmptyStateSize = 'small' | 'large';
|
|
@@ -395,6 +430,23 @@ interface SCDialogProps {
|
|
|
395
430
|
}
|
|
396
431
|
declare const SCDialog: ({ title, iconTitle, subtitle, content, actions, buttonDialog, disableClose, dividers, widthContent, heightContent, background, setShow, show }: SCDialogProps) => React__default.JSX.Element;
|
|
397
432
|
|
|
433
|
+
interface Option$2 {
|
|
434
|
+
title?: string;
|
|
435
|
+
subtitle?: any;
|
|
436
|
+
description?: any;
|
|
437
|
+
iconLeftColor?: 'inherit' | 'action' | 'disabled' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
|
|
438
|
+
iconLeft?: any | React__default.ReactNode | React__default.ReactElement | React__default.ElementType | null;
|
|
439
|
+
iconRightColor?: 'inherit' | 'action' | 'disabled' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
|
|
440
|
+
iconRight?: any | React__default.ReactNode | React__default.ReactElement | React__default.ElementType | null;
|
|
441
|
+
divider?: boolean;
|
|
442
|
+
disable?: boolean;
|
|
443
|
+
fn?: any;
|
|
444
|
+
}
|
|
445
|
+
interface SCListContentProps {
|
|
446
|
+
options: Option$2[];
|
|
447
|
+
}
|
|
448
|
+
declare const SCListContent: ({ options }: SCListContentProps) => React__default.JSX.Element;
|
|
449
|
+
|
|
398
450
|
interface Option$1 {
|
|
399
451
|
name?: string;
|
|
400
452
|
iconLeft?: any | React__default.ReactNode | React__default.ReactElement | React__default.ElementType | null;
|
|
@@ -424,10 +476,9 @@ interface SCSelectProps<T> {
|
|
|
424
476
|
width?: string;
|
|
425
477
|
size?: "small" | "medium";
|
|
426
478
|
variant?: "outlined" | "filled" | "standard";
|
|
427
|
-
|
|
479
|
+
background?: string;
|
|
428
480
|
required?: boolean;
|
|
429
481
|
disabled?: boolean;
|
|
430
|
-
background?: string;
|
|
431
482
|
fnAplicar?: () => void | React__default.ReactNode;
|
|
432
483
|
setState: React__default.Dispatch<React__default.SetStateAction<any>>;
|
|
433
484
|
state: {
|
|
@@ -435,7 +486,7 @@ interface SCSelectProps<T> {
|
|
|
435
486
|
textValue: string;
|
|
436
487
|
};
|
|
437
488
|
}
|
|
438
|
-
declare function SCSelect<T>({ label, data, getItemValue, width, size, variant,
|
|
489
|
+
declare function SCSelect<T>({ label, data, getItemValue, width, size, variant, background, required, disabled, setState, state, }: SCSelectProps<T>): React__default.JSX.Element;
|
|
439
490
|
|
|
440
491
|
interface Option {
|
|
441
492
|
name?: string;
|
|
@@ -463,7 +514,7 @@ interface CalendarEvent {
|
|
|
463
514
|
title: string;
|
|
464
515
|
start: dayjs.Dayjs;
|
|
465
516
|
end: dayjs.Dayjs;
|
|
466
|
-
state: '
|
|
517
|
+
state: 'En progreso' | 'Finalizada' | 'Vencida' | 'Asignada' | 'Aplazada' | 'Generada';
|
|
467
518
|
}
|
|
468
519
|
interface CalendarProps {
|
|
469
520
|
events: CalendarEvent[];
|
|
@@ -471,14 +522,61 @@ interface CalendarProps {
|
|
|
471
522
|
toolbar?: React.ReactNode;
|
|
472
523
|
onDayClick?: (date: dayjs.Dayjs) => void;
|
|
473
524
|
onMoreClick?: (date: dayjs.Dayjs, events: CalendarEvent[]) => void;
|
|
474
|
-
onViewChange?: (view: CalendarView) => void;
|
|
475
525
|
onEventClick?: (event: CalendarEvent, date?: dayjs.Dayjs) => void;
|
|
526
|
+
onViewChange?: (view: CalendarView) => void;
|
|
527
|
+
onDateChange?: (date: dayjs.Dayjs) => void;
|
|
528
|
+
onEventHover?: (event: CalendarEvent) => React.ReactNode;
|
|
529
|
+
onNavigate?: (action: 'TODAY' | 'PREV' | 'NEXT') => void;
|
|
530
|
+
isLoading?: boolean;
|
|
531
|
+
startHour?: number;
|
|
532
|
+
endHour?: number;
|
|
476
533
|
}
|
|
477
534
|
|
|
478
535
|
declare const Calendar: React__default.FC<CalendarProps>;
|
|
479
536
|
|
|
537
|
+
interface SCTimeProps {
|
|
538
|
+
label?: string;
|
|
539
|
+
required?: boolean;
|
|
540
|
+
disabled?: boolean;
|
|
541
|
+
background?: string;
|
|
542
|
+
timeStep?: number;
|
|
543
|
+
state: Dayjs | null;
|
|
544
|
+
setState: (value: Dayjs | null) => void;
|
|
545
|
+
}
|
|
546
|
+
declare const SCTime: ({ label, required, disabled, background, timeStep, state, setState, }: SCTimeProps) => React__default.JSX.Element;
|
|
547
|
+
|
|
548
|
+
interface SCCardProps {
|
|
549
|
+
title?: string;
|
|
550
|
+
subtitle?: string;
|
|
551
|
+
iconTitle?: React__default.ReactNode | React__default.ReactElement | keyof typeof Muicon;
|
|
552
|
+
actionsTitle?: any;
|
|
553
|
+
image?: any;
|
|
554
|
+
content?: any;
|
|
555
|
+
actions?: {
|
|
556
|
+
text?: string;
|
|
557
|
+
fn: () => void;
|
|
558
|
+
disabled?: boolean;
|
|
559
|
+
}[];
|
|
560
|
+
expand?: {
|
|
561
|
+
type?: 'icon' | 'text';
|
|
562
|
+
position?: 'top' | 'bottom';
|
|
563
|
+
content?: string;
|
|
564
|
+
};
|
|
565
|
+
}
|
|
566
|
+
declare const SCCard: ({ title, image, iconTitle, actionsTitle, subtitle, content, actions, expand }: SCCardProps) => React__default.JSX.Element;
|
|
567
|
+
|
|
568
|
+
interface SCActivityCalendarProps {
|
|
569
|
+
background?: string;
|
|
570
|
+
setState: React__default.Dispatch<React__default.SetStateAction<string>>;
|
|
571
|
+
state: string | any;
|
|
572
|
+
events: any[];
|
|
573
|
+
fn?: any;
|
|
574
|
+
configRangeHour?: string;
|
|
575
|
+
}
|
|
576
|
+
declare const SCActivityCalendar: ({ background, setState, state, events, fn, configRangeHour, }: SCActivityCalendarProps) => React__default.JSX.Element;
|
|
577
|
+
|
|
480
578
|
declare const SincoTheme: _mui_material_styles.Theme;
|
|
481
579
|
declare let AdproSincoTheme: _mui_material_styles.Theme;
|
|
482
580
|
declare let ADCSincoTheme: _mui_material_styles.Theme;
|
|
483
581
|
|
|
484
|
-
export { ADCSincoTheme, AdproSincoTheme, Calendar, type CalendarEvent, type CalendarProps, type CalendarView, EmptyState, type EmptyStateProperties, type EmptyStateSize, type EmptyStateStates, FooterAction, type FooterActionsProperties, type ModalProps, type ModalStates, MultiSelect, type MultiSelectProps, PageHeader, type PageheaderProperties, type ReplyPalette$1 as ReplyPalette, type ReplyTextPalette, type ReplyVariants, type RepplyButtonVariants, SCAutocomplete, SCCalendarSwipeable, SCDataGrid, SCDataGridInitial, SCDateRange, SCDialog, SCDrawer, SCMenu, SCModal, SCSelect, SCTabs, SCTextArea, type SCTextAreaProps, SCTextField, type SCTextFieldProps, SCToastNotification, SincoTheme, type ToastBaseProperties, ToastProgress, type ToastType, capitalize, getButtonColor, getIcon, getIconComponent, getIconMultiSelect, getModalColor, modalStateConfig, useFilteredItems, useMultiSelectHandlers, useProgress };
|
|
582
|
+
export { ADCSincoTheme, AdproSincoTheme, Attachment, Calendar, type CalendarEvent, type CalendarProps, type CalendarView, EmptyState, type EmptyStateProperties, type EmptyStateSize, type EmptyStateStates, FooterAction, type FooterActionsProperties, type ModalProps, type ModalStates, MultiSelect, type MultiSelectProps, PageHeader, type PageheaderProperties, type ReplyPalette$1 as ReplyPalette, type ReplyTextPalette, type ReplyVariants, type RepplyButtonVariants, SCActivityCalendar, SCAutocomplete, SCCalendarSwipeable, SCCard, SCDataGrid, SCDataGridInitial, SCDateRange, SCDialog, SCDrawer, SCListContent, SCMenu, SCModal, SCSelect, SCTabs, SCTextArea, type SCTextAreaProps, SCTextField, type SCTextFieldProps, SCTime, SCToastNotification, SincoTheme, type ToastBaseProperties, ToastProgress, type ToastType, capitalize, getButtonColor, getIcon, getIconComponent, getIconMultiSelect, getModalColor, modalStateConfig, useFilteredItems, useMultiSelectHandlers, useProgress };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,11 +1,35 @@
|
|
|
1
1
|
import * as React$1 from 'react';
|
|
2
2
|
import React__default, { ComponentType, ReactNode } from 'react';
|
|
3
|
+
import * as _mui_material from '@mui/material';
|
|
4
|
+
import { SxProps } from '@mui/material';
|
|
3
5
|
import * as Muicon from '@mui/icons-material';
|
|
4
6
|
import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
|
|
5
|
-
import * as _mui_material from '@mui/material';
|
|
6
7
|
import dayjs, { Dayjs } from 'dayjs';
|
|
7
8
|
import * as _mui_material_styles from '@mui/material/styles';
|
|
8
9
|
|
|
10
|
+
interface UploadedFile {
|
|
11
|
+
name: string;
|
|
12
|
+
size: number;
|
|
13
|
+
type: string;
|
|
14
|
+
progress: number;
|
|
15
|
+
uploadError?: boolean;
|
|
16
|
+
}
|
|
17
|
+
interface AdjuntarProps<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[];
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
declare const Attachment: ({ sx, compact, error, maxSize, fileAccepted, onLoading, onChange, downloadAction, deleteAction, initialFiles, }: AdjuntarProps<any>) => React__default.JSX.Element;
|
|
32
|
+
|
|
9
33
|
type ReplyPalette$1 = "primary" | "secondary" | "warning" | "info" | "success" | "error" | any;
|
|
10
34
|
type ReplyTextPalette = "primary" | "secondary" | "disabled";
|
|
11
35
|
type ReplyVariants = "outlined" | "filled" | "standard";
|
|
@@ -80,6 +104,8 @@ interface DrawerProps<T> {
|
|
|
80
104
|
anchor?: "left" | "right";
|
|
81
105
|
width?: string;
|
|
82
106
|
open?: boolean;
|
|
107
|
+
setOpen?: any;
|
|
108
|
+
chipFilters?: any[];
|
|
83
109
|
}
|
|
84
110
|
|
|
85
111
|
type ToastType = 'success' | 'error' | 'warning' | 'info';
|
|
@@ -106,7 +132,7 @@ declare const ToastProgress: (timeProgress: number) => {
|
|
|
106
132
|
progressToast: number;
|
|
107
133
|
};
|
|
108
134
|
|
|
109
|
-
declare function SCDrawer<T>({ title, arrayElements, actions, buttonDrawer, colorTitle, anchor, width, open, }: DrawerProps<T>): React__default.JSX.Element;
|
|
135
|
+
declare function SCDrawer<T>({ title, arrayElements, actions, buttonDrawer, colorTitle, anchor, width, open, setOpen, chipFilters, }: DrawerProps<T>): React__default.JSX.Element;
|
|
110
136
|
|
|
111
137
|
interface FooterActionsProperties {
|
|
112
138
|
label?: React.ReactNode;
|
|
@@ -164,7 +190,9 @@ declare const getIconComponent: (iconName?: string) => React.ElementType;
|
|
|
164
190
|
declare const getModalColor: (state: string) => string;
|
|
165
191
|
declare const getButtonColor: (state: string) => 'inherit' | 'info' | 'error' | 'warning';
|
|
166
192
|
|
|
167
|
-
declare const SCModal: ({ buttonModal, state, open, title, description, action, }: ModalProps
|
|
193
|
+
declare const SCModal: ({ buttonModal, state, open, setOpen, title, description, action, }: ModalProps & {
|
|
194
|
+
setOpen?: React__default.Dispatch<React__default.SetStateAction<boolean>> | undefined;
|
|
195
|
+
}) => React__default.JSX.Element;
|
|
168
196
|
|
|
169
197
|
interface MultiSelectProps<T> {
|
|
170
198
|
textButton?: string;
|
|
@@ -317,18 +345,25 @@ interface SCCalendarSwipeableProps {
|
|
|
317
345
|
}
|
|
318
346
|
declare const SCCalendarSwipeable: ({ background, setState, state, }: SCCalendarSwipeableProps) => React__default.JSX.Element;
|
|
319
347
|
|
|
320
|
-
interface SCDataGridInitialProps {
|
|
321
|
-
data:
|
|
348
|
+
interface SCDataGridInitialProps<T> {
|
|
349
|
+
data: T[];
|
|
322
350
|
columns: any;
|
|
323
|
-
groupColumns?: any;
|
|
324
351
|
rowsTable?: number;
|
|
325
352
|
checkboxSelection?: boolean;
|
|
326
353
|
width?: string | number;
|
|
327
354
|
maxHeight?: number;
|
|
328
355
|
density?: "compact" | "standard" | "comfortable";
|
|
356
|
+
groupColumns?: (item: any) => {
|
|
357
|
+
textGroup1?: string;
|
|
358
|
+
valueGroup1?: string;
|
|
359
|
+
textGroup2?: string;
|
|
360
|
+
valueGroup2?: string;
|
|
361
|
+
headerNameFirstColumn?: string;
|
|
362
|
+
fieldFirstColumn?: string;
|
|
363
|
+
};
|
|
329
364
|
}
|
|
330
|
-
declare
|
|
331
|
-
declare const SCDataGrid: React__default.MemoExoticComponent<
|
|
365
|
+
declare function SCDataGridInitial<T>({ data, columns, groupColumns, rowsTable, checkboxSelection, width, maxHeight, density }: SCDataGridInitialProps<T>): React__default.JSX.Element;
|
|
366
|
+
declare const SCDataGrid: React__default.MemoExoticComponent<typeof SCDataGridInitial>;
|
|
332
367
|
|
|
333
368
|
type EmptyStateStates = 'create' | 'error' | 'noResult' | 'search';
|
|
334
369
|
type EmptyStateSize = 'small' | 'large';
|
|
@@ -395,6 +430,23 @@ interface SCDialogProps {
|
|
|
395
430
|
}
|
|
396
431
|
declare const SCDialog: ({ title, iconTitle, subtitle, content, actions, buttonDialog, disableClose, dividers, widthContent, heightContent, background, setShow, show }: SCDialogProps) => React__default.JSX.Element;
|
|
397
432
|
|
|
433
|
+
interface Option$2 {
|
|
434
|
+
title?: string;
|
|
435
|
+
subtitle?: any;
|
|
436
|
+
description?: any;
|
|
437
|
+
iconLeftColor?: 'inherit' | 'action' | 'disabled' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
|
|
438
|
+
iconLeft?: any | React__default.ReactNode | React__default.ReactElement | React__default.ElementType | null;
|
|
439
|
+
iconRightColor?: 'inherit' | 'action' | 'disabled' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
|
|
440
|
+
iconRight?: any | React__default.ReactNode | React__default.ReactElement | React__default.ElementType | null;
|
|
441
|
+
divider?: boolean;
|
|
442
|
+
disable?: boolean;
|
|
443
|
+
fn?: any;
|
|
444
|
+
}
|
|
445
|
+
interface SCListContentProps {
|
|
446
|
+
options: Option$2[];
|
|
447
|
+
}
|
|
448
|
+
declare const SCListContent: ({ options }: SCListContentProps) => React__default.JSX.Element;
|
|
449
|
+
|
|
398
450
|
interface Option$1 {
|
|
399
451
|
name?: string;
|
|
400
452
|
iconLeft?: any | React__default.ReactNode | React__default.ReactElement | React__default.ElementType | null;
|
|
@@ -424,10 +476,9 @@ interface SCSelectProps<T> {
|
|
|
424
476
|
width?: string;
|
|
425
477
|
size?: "small" | "medium";
|
|
426
478
|
variant?: "outlined" | "filled" | "standard";
|
|
427
|
-
|
|
479
|
+
background?: string;
|
|
428
480
|
required?: boolean;
|
|
429
481
|
disabled?: boolean;
|
|
430
|
-
background?: string;
|
|
431
482
|
fnAplicar?: () => void | React__default.ReactNode;
|
|
432
483
|
setState: React__default.Dispatch<React__default.SetStateAction<any>>;
|
|
433
484
|
state: {
|
|
@@ -435,7 +486,7 @@ interface SCSelectProps<T> {
|
|
|
435
486
|
textValue: string;
|
|
436
487
|
};
|
|
437
488
|
}
|
|
438
|
-
declare function SCSelect<T>({ label, data, getItemValue, width, size, variant,
|
|
489
|
+
declare function SCSelect<T>({ label, data, getItemValue, width, size, variant, background, required, disabled, setState, state, }: SCSelectProps<T>): React__default.JSX.Element;
|
|
439
490
|
|
|
440
491
|
interface Option {
|
|
441
492
|
name?: string;
|
|
@@ -463,7 +514,7 @@ interface CalendarEvent {
|
|
|
463
514
|
title: string;
|
|
464
515
|
start: dayjs.Dayjs;
|
|
465
516
|
end: dayjs.Dayjs;
|
|
466
|
-
state: '
|
|
517
|
+
state: 'En progreso' | 'Finalizada' | 'Vencida' | 'Asignada' | 'Aplazada' | 'Generada';
|
|
467
518
|
}
|
|
468
519
|
interface CalendarProps {
|
|
469
520
|
events: CalendarEvent[];
|
|
@@ -471,14 +522,61 @@ interface CalendarProps {
|
|
|
471
522
|
toolbar?: React.ReactNode;
|
|
472
523
|
onDayClick?: (date: dayjs.Dayjs) => void;
|
|
473
524
|
onMoreClick?: (date: dayjs.Dayjs, events: CalendarEvent[]) => void;
|
|
474
|
-
onViewChange?: (view: CalendarView) => void;
|
|
475
525
|
onEventClick?: (event: CalendarEvent, date?: dayjs.Dayjs) => void;
|
|
526
|
+
onViewChange?: (view: CalendarView) => void;
|
|
527
|
+
onDateChange?: (date: dayjs.Dayjs) => void;
|
|
528
|
+
onEventHover?: (event: CalendarEvent) => React.ReactNode;
|
|
529
|
+
onNavigate?: (action: 'TODAY' | 'PREV' | 'NEXT') => void;
|
|
530
|
+
isLoading?: boolean;
|
|
531
|
+
startHour?: number;
|
|
532
|
+
endHour?: number;
|
|
476
533
|
}
|
|
477
534
|
|
|
478
535
|
declare const Calendar: React__default.FC<CalendarProps>;
|
|
479
536
|
|
|
537
|
+
interface SCTimeProps {
|
|
538
|
+
label?: string;
|
|
539
|
+
required?: boolean;
|
|
540
|
+
disabled?: boolean;
|
|
541
|
+
background?: string;
|
|
542
|
+
timeStep?: number;
|
|
543
|
+
state: Dayjs | null;
|
|
544
|
+
setState: (value: Dayjs | null) => void;
|
|
545
|
+
}
|
|
546
|
+
declare const SCTime: ({ label, required, disabled, background, timeStep, state, setState, }: SCTimeProps) => React__default.JSX.Element;
|
|
547
|
+
|
|
548
|
+
interface SCCardProps {
|
|
549
|
+
title?: string;
|
|
550
|
+
subtitle?: string;
|
|
551
|
+
iconTitle?: React__default.ReactNode | React__default.ReactElement | keyof typeof Muicon;
|
|
552
|
+
actionsTitle?: any;
|
|
553
|
+
image?: any;
|
|
554
|
+
content?: any;
|
|
555
|
+
actions?: {
|
|
556
|
+
text?: string;
|
|
557
|
+
fn: () => void;
|
|
558
|
+
disabled?: boolean;
|
|
559
|
+
}[];
|
|
560
|
+
expand?: {
|
|
561
|
+
type?: 'icon' | 'text';
|
|
562
|
+
position?: 'top' | 'bottom';
|
|
563
|
+
content?: string;
|
|
564
|
+
};
|
|
565
|
+
}
|
|
566
|
+
declare const SCCard: ({ title, image, iconTitle, actionsTitle, subtitle, content, actions, expand }: SCCardProps) => React__default.JSX.Element;
|
|
567
|
+
|
|
568
|
+
interface SCActivityCalendarProps {
|
|
569
|
+
background?: string;
|
|
570
|
+
setState: React__default.Dispatch<React__default.SetStateAction<string>>;
|
|
571
|
+
state: string | any;
|
|
572
|
+
events: any[];
|
|
573
|
+
fn?: any;
|
|
574
|
+
configRangeHour?: string;
|
|
575
|
+
}
|
|
576
|
+
declare const SCActivityCalendar: ({ background, setState, state, events, fn, configRangeHour, }: SCActivityCalendarProps) => React__default.JSX.Element;
|
|
577
|
+
|
|
480
578
|
declare const SincoTheme: _mui_material_styles.Theme;
|
|
481
579
|
declare let AdproSincoTheme: _mui_material_styles.Theme;
|
|
482
580
|
declare let ADCSincoTheme: _mui_material_styles.Theme;
|
|
483
581
|
|
|
484
|
-
export { ADCSincoTheme, AdproSincoTheme, Calendar, type CalendarEvent, type CalendarProps, type CalendarView, EmptyState, type EmptyStateProperties, type EmptyStateSize, type EmptyStateStates, FooterAction, type FooterActionsProperties, type ModalProps, type ModalStates, MultiSelect, type MultiSelectProps, PageHeader, type PageheaderProperties, type ReplyPalette$1 as ReplyPalette, type ReplyTextPalette, type ReplyVariants, type RepplyButtonVariants, SCAutocomplete, SCCalendarSwipeable, SCDataGrid, SCDataGridInitial, SCDateRange, SCDialog, SCDrawer, SCMenu, SCModal, SCSelect, SCTabs, SCTextArea, type SCTextAreaProps, SCTextField, type SCTextFieldProps, SCToastNotification, SincoTheme, type ToastBaseProperties, ToastProgress, type ToastType, capitalize, getButtonColor, getIcon, getIconComponent, getIconMultiSelect, getModalColor, modalStateConfig, useFilteredItems, useMultiSelectHandlers, useProgress };
|
|
582
|
+
export { ADCSincoTheme, AdproSincoTheme, Attachment, Calendar, type CalendarEvent, type CalendarProps, type CalendarView, EmptyState, type EmptyStateProperties, type EmptyStateSize, type EmptyStateStates, FooterAction, type FooterActionsProperties, type ModalProps, type ModalStates, MultiSelect, type MultiSelectProps, PageHeader, type PageheaderProperties, type ReplyPalette$1 as ReplyPalette, type ReplyTextPalette, type ReplyVariants, type RepplyButtonVariants, SCActivityCalendar, SCAutocomplete, SCCalendarSwipeable, SCCard, SCDataGrid, SCDataGridInitial, SCDateRange, SCDialog, SCDrawer, SCListContent, SCMenu, SCModal, SCSelect, SCTabs, SCTextArea, type SCTextAreaProps, SCTextField, type SCTextFieldProps, SCTime, SCToastNotification, SincoTheme, type ToastBaseProperties, ToastProgress, type ToastType, capitalize, getButtonColor, getIcon, getIconComponent, getIconMultiSelect, getModalColor, modalStateConfig, useFilteredItems, useMultiSelectHandlers, useProgress };
|