componentes-sinco 1.0.7 → 1.0.8
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/Icon Scheduler-WX62PISD.svg +17 -0
- package/dist/index.cjs +903 -376
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +36 -12
- package/dist/index.d.ts +36 -12
- package/dist/index.js +891 -365
- package/dist/index.js.map +1 -1
- package/package.json +3 -2
package/dist/index.d.cts
CHANGED
|
@@ -80,6 +80,8 @@ interface DrawerProps<T> {
|
|
|
80
80
|
anchor?: "left" | "right";
|
|
81
81
|
width?: string;
|
|
82
82
|
open?: boolean;
|
|
83
|
+
setOpen?: any;
|
|
84
|
+
chipFilters?: any[];
|
|
83
85
|
}
|
|
84
86
|
|
|
85
87
|
type ToastType = 'success' | 'error' | 'warning' | 'info';
|
|
@@ -106,7 +108,7 @@ declare const ToastProgress: (timeProgress: number) => {
|
|
|
106
108
|
progressToast: number;
|
|
107
109
|
};
|
|
108
110
|
|
|
109
|
-
declare function SCDrawer<T>({ title, arrayElements, actions, buttonDrawer, colorTitle, anchor, width, open, }: DrawerProps<T>): React__default.JSX.Element;
|
|
111
|
+
declare function SCDrawer<T>({ title, arrayElements, actions, buttonDrawer, colorTitle, anchor, width, open, setOpen, chipFilters, }: DrawerProps<T>): React__default.JSX.Element;
|
|
110
112
|
|
|
111
113
|
interface FooterActionsProperties {
|
|
112
114
|
label?: React.ReactNode;
|
|
@@ -317,18 +319,25 @@ interface SCCalendarSwipeableProps {
|
|
|
317
319
|
}
|
|
318
320
|
declare const SCCalendarSwipeable: ({ background, setState, state, }: SCCalendarSwipeableProps) => React__default.JSX.Element;
|
|
319
321
|
|
|
320
|
-
interface SCDataGridInitialProps {
|
|
321
|
-
data:
|
|
322
|
+
interface SCDataGridInitialProps<T> {
|
|
323
|
+
data: T[];
|
|
322
324
|
columns: any;
|
|
323
|
-
groupColumns?: any;
|
|
324
325
|
rowsTable?: number;
|
|
325
326
|
checkboxSelection?: boolean;
|
|
326
327
|
width?: string | number;
|
|
327
328
|
maxHeight?: number;
|
|
328
329
|
density?: "compact" | "standard" | "comfortable";
|
|
330
|
+
groupColumns?: (item: any) => {
|
|
331
|
+
textGroup1?: string;
|
|
332
|
+
valueGroup1?: string;
|
|
333
|
+
textGroup2?: string;
|
|
334
|
+
valueGroup2?: string;
|
|
335
|
+
headerNameFirstColumn?: string;
|
|
336
|
+
fieldFirstColumn?: string;
|
|
337
|
+
};
|
|
329
338
|
}
|
|
330
|
-
declare
|
|
331
|
-
declare const SCDataGrid: React__default.MemoExoticComponent<
|
|
339
|
+
declare function SCDataGridInitial<T>({ data, columns, groupColumns, rowsTable, checkboxSelection, width, maxHeight, density }: SCDataGridInitialProps<T>): React__default.JSX.Element;
|
|
340
|
+
declare const SCDataGrid: React__default.MemoExoticComponent<typeof SCDataGridInitial>;
|
|
332
341
|
|
|
333
342
|
type EmptyStateStates = 'create' | 'error' | 'noResult' | 'search';
|
|
334
343
|
type EmptyStateSize = 'small' | 'large';
|
|
@@ -424,10 +433,9 @@ interface SCSelectProps<T> {
|
|
|
424
433
|
width?: string;
|
|
425
434
|
size?: "small" | "medium";
|
|
426
435
|
variant?: "outlined" | "filled" | "standard";
|
|
427
|
-
|
|
436
|
+
background?: string;
|
|
428
437
|
required?: boolean;
|
|
429
438
|
disabled?: boolean;
|
|
430
|
-
background?: string;
|
|
431
439
|
fnAplicar?: () => void | React__default.ReactNode;
|
|
432
440
|
setState: React__default.Dispatch<React__default.SetStateAction<any>>;
|
|
433
441
|
state: {
|
|
@@ -435,7 +443,7 @@ interface SCSelectProps<T> {
|
|
|
435
443
|
textValue: string;
|
|
436
444
|
};
|
|
437
445
|
}
|
|
438
|
-
declare function SCSelect<T>({ label, data, getItemValue, width, size, variant,
|
|
446
|
+
declare function SCSelect<T>({ label, data, getItemValue, width, size, variant, background, required, disabled, setState, state, }: SCSelectProps<T>): React__default.JSX.Element;
|
|
439
447
|
|
|
440
448
|
interface Option {
|
|
441
449
|
name?: string;
|
|
@@ -463,7 +471,7 @@ interface CalendarEvent {
|
|
|
463
471
|
title: string;
|
|
464
472
|
start: dayjs.Dayjs;
|
|
465
473
|
end: dayjs.Dayjs;
|
|
466
|
-
state: '
|
|
474
|
+
state: 'En progreso' | 'Finalizada' | 'Vencida' | 'Asignada' | 'Aplazada' | 'Generada';
|
|
467
475
|
}
|
|
468
476
|
interface CalendarProps {
|
|
469
477
|
events: CalendarEvent[];
|
|
@@ -471,14 +479,30 @@ interface CalendarProps {
|
|
|
471
479
|
toolbar?: React.ReactNode;
|
|
472
480
|
onDayClick?: (date: dayjs.Dayjs) => void;
|
|
473
481
|
onMoreClick?: (date: dayjs.Dayjs, events: CalendarEvent[]) => void;
|
|
474
|
-
onViewChange?: (view: CalendarView) => void;
|
|
475
482
|
onEventClick?: (event: CalendarEvent, date?: dayjs.Dayjs) => void;
|
|
483
|
+
onViewChange?: (view: CalendarView) => void;
|
|
484
|
+
onEventHover?: (event: CalendarEvent) => React.ReactNode;
|
|
485
|
+
onNavigate?: (action: 'TODAY' | 'PREV' | 'NEXT') => void;
|
|
486
|
+
isLoading?: boolean;
|
|
487
|
+
startHour?: number;
|
|
488
|
+
endHour?: number;
|
|
476
489
|
}
|
|
477
490
|
|
|
478
491
|
declare const Calendar: React__default.FC<CalendarProps>;
|
|
479
492
|
|
|
493
|
+
interface SCTimeProps {
|
|
494
|
+
label?: string;
|
|
495
|
+
required?: boolean;
|
|
496
|
+
disabled?: boolean;
|
|
497
|
+
background?: string;
|
|
498
|
+
timeStep?: number;
|
|
499
|
+
state: Dayjs | null;
|
|
500
|
+
setState: (value: Dayjs | null) => void;
|
|
501
|
+
}
|
|
502
|
+
declare const SCTime: ({ label, required, disabled, background, timeStep, state, setState, }: SCTimeProps) => React__default.JSX.Element;
|
|
503
|
+
|
|
480
504
|
declare const SincoTheme: _mui_material_styles.Theme;
|
|
481
505
|
declare let AdproSincoTheme: _mui_material_styles.Theme;
|
|
482
506
|
declare let ADCSincoTheme: _mui_material_styles.Theme;
|
|
483
507
|
|
|
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 };
|
|
508
|
+
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, SCTime, SCToastNotification, SincoTheme, type ToastBaseProperties, ToastProgress, type ToastType, capitalize, getButtonColor, getIcon, getIconComponent, getIconMultiSelect, getModalColor, modalStateConfig, useFilteredItems, useMultiSelectHandlers, useProgress };
|
package/dist/index.d.ts
CHANGED
|
@@ -80,6 +80,8 @@ interface DrawerProps<T> {
|
|
|
80
80
|
anchor?: "left" | "right";
|
|
81
81
|
width?: string;
|
|
82
82
|
open?: boolean;
|
|
83
|
+
setOpen?: any;
|
|
84
|
+
chipFilters?: any[];
|
|
83
85
|
}
|
|
84
86
|
|
|
85
87
|
type ToastType = 'success' | 'error' | 'warning' | 'info';
|
|
@@ -106,7 +108,7 @@ declare const ToastProgress: (timeProgress: number) => {
|
|
|
106
108
|
progressToast: number;
|
|
107
109
|
};
|
|
108
110
|
|
|
109
|
-
declare function SCDrawer<T>({ title, arrayElements, actions, buttonDrawer, colorTitle, anchor, width, open, }: DrawerProps<T>): React__default.JSX.Element;
|
|
111
|
+
declare function SCDrawer<T>({ title, arrayElements, actions, buttonDrawer, colorTitle, anchor, width, open, setOpen, chipFilters, }: DrawerProps<T>): React__default.JSX.Element;
|
|
110
112
|
|
|
111
113
|
interface FooterActionsProperties {
|
|
112
114
|
label?: React.ReactNode;
|
|
@@ -317,18 +319,25 @@ interface SCCalendarSwipeableProps {
|
|
|
317
319
|
}
|
|
318
320
|
declare const SCCalendarSwipeable: ({ background, setState, state, }: SCCalendarSwipeableProps) => React__default.JSX.Element;
|
|
319
321
|
|
|
320
|
-
interface SCDataGridInitialProps {
|
|
321
|
-
data:
|
|
322
|
+
interface SCDataGridInitialProps<T> {
|
|
323
|
+
data: T[];
|
|
322
324
|
columns: any;
|
|
323
|
-
groupColumns?: any;
|
|
324
325
|
rowsTable?: number;
|
|
325
326
|
checkboxSelection?: boolean;
|
|
326
327
|
width?: string | number;
|
|
327
328
|
maxHeight?: number;
|
|
328
329
|
density?: "compact" | "standard" | "comfortable";
|
|
330
|
+
groupColumns?: (item: any) => {
|
|
331
|
+
textGroup1?: string;
|
|
332
|
+
valueGroup1?: string;
|
|
333
|
+
textGroup2?: string;
|
|
334
|
+
valueGroup2?: string;
|
|
335
|
+
headerNameFirstColumn?: string;
|
|
336
|
+
fieldFirstColumn?: string;
|
|
337
|
+
};
|
|
329
338
|
}
|
|
330
|
-
declare
|
|
331
|
-
declare const SCDataGrid: React__default.MemoExoticComponent<
|
|
339
|
+
declare function SCDataGridInitial<T>({ data, columns, groupColumns, rowsTable, checkboxSelection, width, maxHeight, density }: SCDataGridInitialProps<T>): React__default.JSX.Element;
|
|
340
|
+
declare const SCDataGrid: React__default.MemoExoticComponent<typeof SCDataGridInitial>;
|
|
332
341
|
|
|
333
342
|
type EmptyStateStates = 'create' | 'error' | 'noResult' | 'search';
|
|
334
343
|
type EmptyStateSize = 'small' | 'large';
|
|
@@ -424,10 +433,9 @@ interface SCSelectProps<T> {
|
|
|
424
433
|
width?: string;
|
|
425
434
|
size?: "small" | "medium";
|
|
426
435
|
variant?: "outlined" | "filled" | "standard";
|
|
427
|
-
|
|
436
|
+
background?: string;
|
|
428
437
|
required?: boolean;
|
|
429
438
|
disabled?: boolean;
|
|
430
|
-
background?: string;
|
|
431
439
|
fnAplicar?: () => void | React__default.ReactNode;
|
|
432
440
|
setState: React__default.Dispatch<React__default.SetStateAction<any>>;
|
|
433
441
|
state: {
|
|
@@ -435,7 +443,7 @@ interface SCSelectProps<T> {
|
|
|
435
443
|
textValue: string;
|
|
436
444
|
};
|
|
437
445
|
}
|
|
438
|
-
declare function SCSelect<T>({ label, data, getItemValue, width, size, variant,
|
|
446
|
+
declare function SCSelect<T>({ label, data, getItemValue, width, size, variant, background, required, disabled, setState, state, }: SCSelectProps<T>): React__default.JSX.Element;
|
|
439
447
|
|
|
440
448
|
interface Option {
|
|
441
449
|
name?: string;
|
|
@@ -463,7 +471,7 @@ interface CalendarEvent {
|
|
|
463
471
|
title: string;
|
|
464
472
|
start: dayjs.Dayjs;
|
|
465
473
|
end: dayjs.Dayjs;
|
|
466
|
-
state: '
|
|
474
|
+
state: 'En progreso' | 'Finalizada' | 'Vencida' | 'Asignada' | 'Aplazada' | 'Generada';
|
|
467
475
|
}
|
|
468
476
|
interface CalendarProps {
|
|
469
477
|
events: CalendarEvent[];
|
|
@@ -471,14 +479,30 @@ interface CalendarProps {
|
|
|
471
479
|
toolbar?: React.ReactNode;
|
|
472
480
|
onDayClick?: (date: dayjs.Dayjs) => void;
|
|
473
481
|
onMoreClick?: (date: dayjs.Dayjs, events: CalendarEvent[]) => void;
|
|
474
|
-
onViewChange?: (view: CalendarView) => void;
|
|
475
482
|
onEventClick?: (event: CalendarEvent, date?: dayjs.Dayjs) => void;
|
|
483
|
+
onViewChange?: (view: CalendarView) => void;
|
|
484
|
+
onEventHover?: (event: CalendarEvent) => React.ReactNode;
|
|
485
|
+
onNavigate?: (action: 'TODAY' | 'PREV' | 'NEXT') => void;
|
|
486
|
+
isLoading?: boolean;
|
|
487
|
+
startHour?: number;
|
|
488
|
+
endHour?: number;
|
|
476
489
|
}
|
|
477
490
|
|
|
478
491
|
declare const Calendar: React__default.FC<CalendarProps>;
|
|
479
492
|
|
|
493
|
+
interface SCTimeProps {
|
|
494
|
+
label?: string;
|
|
495
|
+
required?: boolean;
|
|
496
|
+
disabled?: boolean;
|
|
497
|
+
background?: string;
|
|
498
|
+
timeStep?: number;
|
|
499
|
+
state: Dayjs | null;
|
|
500
|
+
setState: (value: Dayjs | null) => void;
|
|
501
|
+
}
|
|
502
|
+
declare const SCTime: ({ label, required, disabled, background, timeStep, state, setState, }: SCTimeProps) => React__default.JSX.Element;
|
|
503
|
+
|
|
480
504
|
declare const SincoTheme: _mui_material_styles.Theme;
|
|
481
505
|
declare let AdproSincoTheme: _mui_material_styles.Theme;
|
|
482
506
|
declare let ADCSincoTheme: _mui_material_styles.Theme;
|
|
483
507
|
|
|
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 };
|
|
508
|
+
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, SCTime, SCToastNotification, SincoTheme, type ToastBaseProperties, ToastProgress, type ToastType, capitalize, getButtonColor, getIcon, getIconComponent, getIconMultiSelect, getModalColor, modalStateConfig, useFilteredItems, useMultiSelectHandlers, useProgress };
|