@eclass/ui-kit 1.60.4 → 1.62.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/dist/eclass-ui-kit.es.js +67 -19
- package/dist/eclass-ui-kit.es.js.map +1 -1
- package/dist/eclass-ui-kit.umd.js +8 -8
- package/dist/eclass-ui-kit.umd.js.map +1 -1
- package/dist/organisms/Modals/Modal/Modal.d.ts +1 -1
- package/dist/organisms/Modals/Modal/Modal.d.ts.map +1 -1
- package/dist/organisms/Modals/Modal/ModalSimple.d.ts +1 -1
- package/dist/organisms/Modals/Modal/ModalSimple.d.ts.map +1 -1
- package/dist/organisms/Modals/Modal/useModalConfig.d.ts +6 -1
- package/dist/organisms/Modals/Modal/useModalConfig.d.ts.map +1 -1
- package/dist/organisms/Modals/ModalAlert/ModalAlert.d.ts +1 -1
- package/dist/organisms/Modals/ModalAlert/ModalAlert.d.ts.map +1 -1
- package/dist/organisms/Modals/ModalMultiple/ModalMultiple.d.ts +5 -0
- package/dist/organisms/Modals/ModalMultiple/ModalMultiple.d.ts.map +1 -1
- package/dist/organisms/Modals/ModalMultiple/useModalMultipleConfig.d.ts +5 -1
- package/dist/organisms/Modals/ModalMultiple/useModalMultipleConfig.d.ts.map +1 -1
- package/dist/organisms/Modals/types.d.ts +8 -0
- package/dist/tsconfig.types.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -5,5 +5,5 @@ export declare const ModalPadding: {
|
|
|
5
5
|
py: string;
|
|
6
6
|
px: string;
|
|
7
7
|
};
|
|
8
|
-
export declare const Modal: ({ children, closeOnOverlayClick, fixedSubtitle, isOpen, onClose, title, withoutMargin, scrollBehavior, fixedButtons, autoFocus, }: IModal) => JSX.Element;
|
|
8
|
+
export declare const Modal: ({ children, closeOnOverlayClick, fixedSubtitle, isOpen, onClose, title, withoutMargin, scrollBehavior, fixedButtons, autoFocus, returnFocusOnClose, minWidth, maxWidth, minHeight, maxHeight, }: IModal) => JSX.Element;
|
|
9
9
|
//# sourceMappingURL=Modal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/organisms/Modals/Modal/Modal.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAIjC,eAAO,MAAM,mBAAmB,MAAM,CAAA;AACtC,eAAO,MAAM,YAAY;;;CAGxB,CAAA;AAED,eAAO,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/organisms/Modals/Modal/Modal.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAIjC,eAAO,MAAM,mBAAmB,MAAM,CAAA;AACtC,eAAO,MAAM,YAAY;;;CAGxB,CAAA;AAED,eAAO,MAAM,KAAK,oMAgBf,MAAM,KAAG,WAqDX,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IModalSimple } from '../types';
|
|
3
|
-
export declare const ModalSimple: ({ children, isOpen, onClose, closeOnOverlayClick, closeOnEsc, withoutMargin, }: IModalSimple) => JSX.Element;
|
|
3
|
+
export declare const ModalSimple: ({ children, isOpen, onClose, closeOnOverlayClick, closeOnEsc, withoutMargin, mobileCompact, }: IModalSimple) => JSX.Element;
|
|
4
4
|
//# sourceMappingURL=ModalSimple.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalSimple.d.ts","sourceRoot":"","sources":["../../../../src/organisms/Modals/Modal/ModalSimple.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAGvC,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"ModalSimple.d.ts","sourceRoot":"","sources":["../../../../src/organisms/Modals/Modal/ModalSimple.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAGvC,eAAO,MAAM,WAAW,kGAQrB,YAAY,KAAG,WAoDjB,CAAA"}
|
|
@@ -10,7 +10,12 @@ interface UseModalConfigParams {
|
|
|
10
10
|
scrollBehavior: 'outside' | 'inside';
|
|
11
11
|
fixedButtons: boolean;
|
|
12
12
|
withoutMargin: boolean;
|
|
13
|
+
minWidth?: string | number;
|
|
14
|
+
maxWidth?: string | number;
|
|
15
|
+
minHeight?: string | number;
|
|
16
|
+
maxHeight?: string | number;
|
|
17
|
+
mobileCompact?: boolean;
|
|
13
18
|
}
|
|
14
|
-
export declare const useModalConfig: ({ closeOnOverlayClick, scrollBehavior, fixedButtons, withoutMargin, }: UseModalConfigParams) => ModalConfig;
|
|
19
|
+
export declare const useModalConfig: ({ closeOnOverlayClick, scrollBehavior, fixedButtons, withoutMargin, minWidth, maxWidth, minHeight, maxHeight, mobileCompact, }: UseModalConfigParams) => ModalConfig;
|
|
15
20
|
export {};
|
|
16
21
|
//# sourceMappingURL=useModalConfig.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useModalConfig.d.ts","sourceRoot":"","sources":["../../../../src/organisms/Modals/Modal/useModalConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAiB,MAAM,kBAAkB,CAAA;AAI1D,UAAU,WAAW;IACnB,mBAAmB,EAAE,OAAO,CAAA;IAC5B,UAAU,EAAE,OAAO,CAAA;IACnB,cAAc,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IACrC,YAAY,EAAE,QAAQ,CAAA;CACvB;AAED,UAAU,oBAAoB;IAC5B,mBAAmB,EAAE,OAAO,CAAA;IAC5B,cAAc,EAAE,SAAS,GAAG,QAAQ,CAAA;IACpC,YAAY,EAAE,OAAO,CAAA;IACrB,aAAa,EAAE,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"useModalConfig.d.ts","sourceRoot":"","sources":["../../../../src/organisms/Modals/Modal/useModalConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAiB,MAAM,kBAAkB,CAAA;AAI1D,UAAU,WAAW;IACnB,mBAAmB,EAAE,OAAO,CAAA;IAC5B,UAAU,EAAE,OAAO,CAAA;IACnB,cAAc,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IACrC,YAAY,EAAE,QAAQ,CAAA;CACvB;AAED,UAAU,oBAAoB;IAC5B,mBAAmB,EAAE,OAAO,CAAA;IAC5B,cAAc,EAAE,SAAS,GAAG,QAAQ,CAAA;IACpC,YAAY,EAAE,OAAO,CAAA;IACrB,aAAa,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,eAAO,MAAM,cAAc,mIAUxB,oBAAoB,KAAG,WA+DzB,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IModalAlert } from '../types';
|
|
3
|
-
export declare const ModalAlertNew: ({ autoFocus, type, isOpen, onClose, children, title, description, status, }: IModalAlert) => JSX.Element;
|
|
3
|
+
export declare const ModalAlertNew: ({ autoFocus, type, returnFocusOnClose, isOpen, onClose, children, title, description, status, }: IModalAlert) => JSX.Element;
|
|
4
4
|
/**
|
|
5
5
|
* Componente que renderiza los botones de un modal alert.
|
|
6
6
|
* @example
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalAlert.d.ts","sourceRoot":"","sources":["../../../../src/organisms/Modals/ModalAlert/ModalAlert.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAKtC,eAAO,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"ModalAlert.d.ts","sourceRoot":"","sources":["../../../../src/organisms/Modals/ModalAlert/ModalAlert.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAKtC,eAAO,MAAM,aAAa,oGAUvB,WAAW,KAAG,WAsBhB,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB;cAA8B,MAAM,SAAS;MAAK,WA0B/E,CAAA"}
|
|
@@ -6,11 +6,16 @@ export interface ModalDefaultProps {
|
|
|
6
6
|
withoutMargin?: IModal['withoutMargin'];
|
|
7
7
|
scrollBehavior?: IModal['scrollBehavior'];
|
|
8
8
|
fixedButtons?: IModal['fixedButtons'];
|
|
9
|
+
minWidth?: IModal['minWidth'];
|
|
10
|
+
maxWidth?: IModal['maxWidth'];
|
|
11
|
+
minHeight?: IModal['minHeight'];
|
|
12
|
+
maxHeight?: IModal['maxHeight'];
|
|
9
13
|
}
|
|
10
14
|
type BaseProps = ModalDefaultProps & {
|
|
11
15
|
isOpen: boolean;
|
|
12
16
|
onClose: () => void;
|
|
13
17
|
autoFocus?: boolean;
|
|
18
|
+
returnFocusOnClose?: boolean;
|
|
14
19
|
};
|
|
15
20
|
type ModalProps = BaseProps & {
|
|
16
21
|
type: 'modal';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalMultiple.d.ts","sourceRoot":"","sources":["../../../../src/organisms/Modals/ModalMultiple/ModalMultiple.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAO9C,MAAM,WAAW,iBAAiB;IAChC,mBAAmB,CAAC,EAAE,MAAM,CAAC,qBAAqB,CAAC,CAAA;IACnD,aAAa,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC,CAAA;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC,CAAA;IACvC,cAAc,CAAC,EAAE,MAAM,CAAC,gBAAgB,CAAC,CAAA;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC,cAAc,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"ModalMultiple.d.ts","sourceRoot":"","sources":["../../../../src/organisms/Modals/ModalMultiple/ModalMultiple.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAO9C,MAAM,WAAW,iBAAiB;IAChC,mBAAmB,CAAC,EAAE,MAAM,CAAC,qBAAqB,CAAC,CAAA;IACnD,aAAa,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC,CAAA;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC,CAAA;IACvC,cAAc,CAAC,EAAE,MAAM,CAAC,gBAAgB,CAAC,CAAA;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC,cAAc,CAAC,CAAA;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,CAAA;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC,CAAA;CAChC;AAED,KAAK,SAAS,GAAG,iBAAiB,GAAG;IACnC,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B,CAAA;AAED,KAAK,UAAU,GAAG,SAAS,GAAG;IAC5B,IAAI,EAAE,OAAO,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,KAAK,eAAe,GAAG,SAAS,GAAG;IACjC,IAAI,EAAE,YAAY,GAAG,cAAc,CAAA;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAA;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,eAAe,CAAA;AAK7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,aAAa,UAAW,kBAAkB,KAAG,WAgFzD,CAAA"}
|
|
@@ -12,7 +12,11 @@ interface UseModalMultipleConfigParams {
|
|
|
12
12
|
scrollBehavior: 'outside' | 'inside';
|
|
13
13
|
fixedButtons: boolean;
|
|
14
14
|
withoutMargin: boolean;
|
|
15
|
+
minWidth?: string | number;
|
|
16
|
+
maxWidth?: string | number;
|
|
17
|
+
minHeight?: string | number;
|
|
18
|
+
maxHeight?: string | number;
|
|
15
19
|
}
|
|
16
|
-
export declare const useModalMultipleConfig: ({ type, closeOnOverlayClick, scrollBehavior, fixedButtons, withoutMargin, }: UseModalMultipleConfigParams) => ModalConfig;
|
|
20
|
+
export declare const useModalMultipleConfig: ({ type, closeOnOverlayClick, scrollBehavior, fixedButtons, withoutMargin, minWidth, maxWidth, minHeight, maxHeight, }: UseModalMultipleConfigParams) => ModalConfig;
|
|
17
21
|
export {};
|
|
18
22
|
//# sourceMappingURL=useModalMultipleConfig.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useModalMultipleConfig.d.ts","sourceRoot":"","sources":["../../../../src/organisms/Modals/ModalMultiple/useModalMultipleConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAE3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAIpD,UAAU,WAAW;IACnB,mBAAmB,EAAE,OAAO,CAAA;IAC5B,UAAU,EAAE,OAAO,CAAA;IACnB,cAAc,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IACrC,YAAY,EAAE,QAAQ,CAAA;CACvB;AAED,UAAU,4BAA4B;IACpC,IAAI,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAA;IAChC,mBAAmB,EAAE,OAAO,CAAA;IAC5B,cAAc,EAAE,SAAS,GAAG,QAAQ,CAAA;IACpC,YAAY,EAAE,OAAO,CAAA;IACrB,aAAa,EAAE,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"useModalMultipleConfig.d.ts","sourceRoot":"","sources":["../../../../src/organisms/Modals/ModalMultiple/useModalMultipleConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAE3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAIpD,UAAU,WAAW;IACnB,mBAAmB,EAAE,OAAO,CAAA;IAC5B,UAAU,EAAE,OAAO,CAAA;IACnB,cAAc,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IACrC,YAAY,EAAE,QAAQ,CAAA;CACvB;AAED,UAAU,4BAA4B;IACpC,IAAI,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAA;IAChC,mBAAmB,EAAE,OAAO,CAAA;IAC5B,cAAc,EAAE,SAAS,GAAG,QAAQ,CAAA;IACpC,YAAY,EAAE,OAAO,CAAA;IACrB,aAAa,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC5B;AAED,eAAO,MAAM,sBAAsB,0HAUhC,4BAA4B,KAAG,WAqBjC,CAAA"}
|
|
@@ -14,6 +14,11 @@ export interface IModal {
|
|
|
14
14
|
/** Si esta activo se fija el footer */
|
|
15
15
|
fixedButtons?: boolean
|
|
16
16
|
autoFocus?: boolean
|
|
17
|
+
returnFocusOnClose?: boolean
|
|
18
|
+
minWidth?: string | number
|
|
19
|
+
maxWidth?: string | number
|
|
20
|
+
minHeight?: string | number
|
|
21
|
+
maxHeight?: string | number
|
|
17
22
|
}
|
|
18
23
|
|
|
19
24
|
export interface IModalSimple {
|
|
@@ -23,6 +28,8 @@ export interface IModalSimple {
|
|
|
23
28
|
isOpen: boolean
|
|
24
29
|
onClose: () => void
|
|
25
30
|
withoutMargin?: boolean
|
|
31
|
+
/** Si está activo en mobile se comporta como una tarjeta compacta centrada */
|
|
32
|
+
mobileCompact?: boolean
|
|
26
33
|
}
|
|
27
34
|
|
|
28
35
|
export interface IModalCard {
|
|
@@ -53,6 +60,7 @@ export interface IModalButtons {
|
|
|
53
60
|
|
|
54
61
|
export interface IModalAlert {
|
|
55
62
|
autoFocus?: boolean
|
|
63
|
+
returnFocusOnClose?: boolean
|
|
56
64
|
children?: React.ReactNode
|
|
57
65
|
isOpen: boolean
|
|
58
66
|
onClose: () => void
|