componentes-sinco 1.0.6 → 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 +1303 -223
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +55 -11
- package/dist/index.d.ts +55 -11
- package/dist/index.js +1287 -209
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -3,7 +3,7 @@ import React__default, { ComponentType, ReactNode } from 'react';
|
|
|
3
3
|
import * as Muicon from '@mui/icons-material';
|
|
4
4
|
import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
|
|
5
5
|
import * as _mui_material from '@mui/material';
|
|
6
|
-
import { Dayjs } from 'dayjs';
|
|
6
|
+
import dayjs, { Dayjs } from 'dayjs';
|
|
7
7
|
import * as _mui_material_styles from '@mui/material/styles';
|
|
8
8
|
|
|
9
9
|
type ReplyPalette$1 = "primary" | "secondary" | "warning" | "info" | "success" | "error" | any;
|
|
@@ -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;
|
|
@@ -457,8 +465,44 @@ interface SCTabsProps {
|
|
|
457
465
|
}
|
|
458
466
|
declare const SCTabs: ({ options, defaultOption, typeIcon, background, iconPosition, colorTab, orientation, variant, scrollButtons, children }: SCTabsProps) => React__default.JSX.Element;
|
|
459
467
|
|
|
468
|
+
type CalendarView = 'month' | 'week' | 'day';
|
|
469
|
+
interface CalendarEvent {
|
|
470
|
+
id: string;
|
|
471
|
+
title: string;
|
|
472
|
+
start: dayjs.Dayjs;
|
|
473
|
+
end: dayjs.Dayjs;
|
|
474
|
+
state: 'En progreso' | 'Finalizada' | 'Vencida' | 'Asignada' | 'Aplazada' | 'Generada';
|
|
475
|
+
}
|
|
476
|
+
interface CalendarProps {
|
|
477
|
+
events: CalendarEvent[];
|
|
478
|
+
view?: CalendarView;
|
|
479
|
+
toolbar?: React.ReactNode;
|
|
480
|
+
onDayClick?: (date: dayjs.Dayjs) => void;
|
|
481
|
+
onMoreClick?: (date: dayjs.Dayjs, events: CalendarEvent[]) => void;
|
|
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;
|
|
489
|
+
}
|
|
490
|
+
|
|
491
|
+
declare const Calendar: React__default.FC<CalendarProps>;
|
|
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
|
+
|
|
460
504
|
declare const SincoTheme: _mui_material_styles.Theme;
|
|
461
505
|
declare let AdproSincoTheme: _mui_material_styles.Theme;
|
|
462
506
|
declare let ADCSincoTheme: _mui_material_styles.Theme;
|
|
463
507
|
|
|
464
|
-
export { ADCSincoTheme, AdproSincoTheme, 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
|
@@ -3,7 +3,7 @@ import React__default, { ComponentType, ReactNode } from 'react';
|
|
|
3
3
|
import * as Muicon from '@mui/icons-material';
|
|
4
4
|
import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
|
|
5
5
|
import * as _mui_material from '@mui/material';
|
|
6
|
-
import { Dayjs } from 'dayjs';
|
|
6
|
+
import dayjs, { Dayjs } from 'dayjs';
|
|
7
7
|
import * as _mui_material_styles from '@mui/material/styles';
|
|
8
8
|
|
|
9
9
|
type ReplyPalette$1 = "primary" | "secondary" | "warning" | "info" | "success" | "error" | any;
|
|
@@ -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;
|
|
@@ -457,8 +465,44 @@ interface SCTabsProps {
|
|
|
457
465
|
}
|
|
458
466
|
declare const SCTabs: ({ options, defaultOption, typeIcon, background, iconPosition, colorTab, orientation, variant, scrollButtons, children }: SCTabsProps) => React__default.JSX.Element;
|
|
459
467
|
|
|
468
|
+
type CalendarView = 'month' | 'week' | 'day';
|
|
469
|
+
interface CalendarEvent {
|
|
470
|
+
id: string;
|
|
471
|
+
title: string;
|
|
472
|
+
start: dayjs.Dayjs;
|
|
473
|
+
end: dayjs.Dayjs;
|
|
474
|
+
state: 'En progreso' | 'Finalizada' | 'Vencida' | 'Asignada' | 'Aplazada' | 'Generada';
|
|
475
|
+
}
|
|
476
|
+
interface CalendarProps {
|
|
477
|
+
events: CalendarEvent[];
|
|
478
|
+
view?: CalendarView;
|
|
479
|
+
toolbar?: React.ReactNode;
|
|
480
|
+
onDayClick?: (date: dayjs.Dayjs) => void;
|
|
481
|
+
onMoreClick?: (date: dayjs.Dayjs, events: CalendarEvent[]) => void;
|
|
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;
|
|
489
|
+
}
|
|
490
|
+
|
|
491
|
+
declare const Calendar: React__default.FC<CalendarProps>;
|
|
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
|
+
|
|
460
504
|
declare const SincoTheme: _mui_material_styles.Theme;
|
|
461
505
|
declare let AdproSincoTheme: _mui_material_styles.Theme;
|
|
462
506
|
declare let ADCSincoTheme: _mui_material_styles.Theme;
|
|
463
507
|
|
|
464
|
-
export { ADCSincoTheme, AdproSincoTheme, 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 };
|